/* ==========================================================================
   JACKONA – Design Tokens
   Basis: Corporate Identity aus den finalen Logos abgeleitet (Phase 1–3)
   Diese Datei aendern, um das Erscheinungsbild global zu justieren.
   ========================================================================== */

:root {
  /* Grundfarben (Dachmarke) */
  --color-black: #050505; /* exakt an den Schwarzton der Logo-Dateien angeglichen */
  --color-black-soft: #121212;
  --color-black-card: #191918;
  --color-gold: #c6a15b;
  --color-gold-strong: #d9bc85;
  --color-cream: #f5f0e6;
  --color-white: #ffffff;

  /* Signalfarben je Markenbereich (aus dem Logo-Set) */
  --color-lab: #2f7d6c; /* gedaempftes, edles Petrol statt kraeftigem Tuerkis */
  --color-lab-dark: #1e5c4f;
  --color-waves: #7f77dd;
  --color-waves-dark: #534ab7;
  --color-light: #f0c868; /* Honiggold – heller & waermer als das Logo-Amber */
  --color-light-dark: #a9793a;

  /* Hover-Farbe (durchgaengig Honiggold statt Kupfer/Rost) */
  --color-hover: var(--color-light);

  /* Text */
  --text-on-dark: var(--color-cream);
  --text-on-dark-muted: #d8d5c9;
  --text-on-light: #1c1a17;
  --text-on-light-muted: #362f27;

  /* Typografie (lokal eingebundene Fonts, keine externen Requests) */
  --font-display: 'Manrope', Georgia, serif;
  --font-body: 'Inter', -apple-system, sans-serif;
  --body-font-size: 18px;
  --body-font-weight: 400;

  /* Abstaende */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 6rem;
  --space-2xl: 7.5rem;

  /* Sonstiges */
  --radius: 10px;
  --radius-sm: 6px;
  --border-hairline: 1px solid rgba(198, 161, 91, 0.25);
  --transition-base: 300ms ease-out;
  --max-width-text: 680px;
  --max-width-page: 1200px;
}