/* GENERIERT — NICHT BEARBEITEN.
   Quelle der Wahrheit: design-system/tokens.css
   Änderungen dort vornehmen, danach ./sync-tokens.sh ausführen. */
/* ============================================================
   ANTAIA CI — Design Tokens (CSS custom properties)
   Brand: Antaia Capital SCSp / Antaia Capital Management S.à r.l.
   Warm chocolate-brown neutrals + sand surfaces · two accents
   (bold orange, mint). Architectural & sharp: small radii,
   hairline borders preferred over heavy shadow.
   Single source of truth — mirrored 1:1 in tokens.json.
   ============================================================ */

:root {
  /* ---- INK — chocolate-brown neutrals (text & dark surfaces) ---- */
  --grey-900: #170c05;   /* deepest chocolate, headlines on light */
  --grey-800: #1e1008;   /* primary dark surface */
  --grey-700: #261408;
  --grey-600: #301a0c;   /* muted dark surfaces */
  --grey-500: #5a4230;   /* body on light */
  --grey-400: #877059;   /* secondary text */
  --grey-300: #a89680;   /* disabled / faint */

  /* ---- SAND — warm light neutrals (surfaces & borders) ---- */
  --silver-400: #d8c9b0; /* deepest sand */
  --silver-300: #e4d8c2;
  --silver-250: #ece0cb; /* hairline borders */
  --silver-200: #efe4d0;
  --silver-150: #f2e9d8; /* inner borders */
  --silver-100: #f6efe1; /* page background */
  --silver-50:  #faf6ec;
  --white:      #fffdf8; /* card / surface (warm white) */

  /* ---- BRAND — chocolate ---- */
  --steel-700: #120a04;  /* pressed */
  --steel-600: #1e1008;  /* link, hover */
  --steel-500: #261408;  /* PRIMARY */
  --steel-400: #3c220f;
  --steel-300: #877059;
  --steel-200: #d8c9b0;
  --steel-100: #efe4d0;

  /* ---- ACCENT 1 — bold orange ---- */
  --accent-strong: #c2410c;
  --accent-base:   #f26a1b;
  --accent-soft:   #fce6d6;

  /* ---- ACCENT 2 — mint / eucalyptus ---- */
  --mint-strong: #3f7d63;
  --mint-base:   #8fc4ae;
  --mint-soft:   #e4efe8;

  /* ---- SEMANTIC ---- */
  --success: #3f7d63;   --success-surface: #e4efe8;
  --info:    #301a0c;   --info-surface:    #efe4d0;
  --warning: #b5852a;   --warning-surface: #f3e8cf;
  --danger:  #b04a3f;   --danger-surface:  #f4e4e1;

  /* ---- SIGNALROT — negative Werte (Ergänzung 22.07.2026, Freigabe CM) ----
     --danger (#b04a3f) ist ein gedämpftes Statusrot und erreicht auf dunkler
     Schokolade nur 1.7:1 — als Vorzeichenfarbe unbrauchbar. Diese beiden Töne
     sind auf ihre jeweilige Fläche gerechnet (WCAG AA, 4.5:1). */
  --signal-red:        #f9291a;  /* auf Karten INK 700 und tiefer — 4.52:1 */
  --signal-red-onLight:#d41e11;  /* auf Sand und Weiss — 4.60:1 */

  /* ---- FLÄCHENABHÄNGIGE AKZENTE ----
     Die dominante Fläche INK 500 ist mittelhell — die satten Akzente tragen
     dort nicht. Diese Varianten schliessen die Lücke. */
  --accent-onMid: #f6a16f;  /* Eyebrow-Orange auf INK 500 — 4.54:1 */
  --mint-deep:    #3a785e;  /* Zahlenfarbe auf Sand und Weiss — 4.56:1 */

  /* ============================================================
     ROLE ALIASES — Flächenverhältnis umgekehrt (22.07.2026, CM).
     Dominant ist jetzt Schokolade INK 500, Sand ist nachrangig.
     INK 400 wurde geprüft und verworfen: Sand-Text erreicht darauf
     nur 3.71:1 und Mint-Base 2.38:1.
     ============================================================ */
  --bg-page:        var(--grey-500);   /* INK 500 — dominante Fläche */
  --surface-card:   var(--grey-700);   /* Karten liegen TIEFER als die Seite */
  --surface-sunken: var(--grey-600);
  --surface-inverse:var(--grey-900);   /* Hero, Statement, Footer */
  --surface-light:  var(--silver-100); /* nachrangige Sandfläche */
  --surface-lightCard: var(--white);

  /* Textrollen gelten für die dominante dunkle Fläche. */
  --text-strong:    #efe4d0;
  --text-body:      #efe4d0;
  --text-muted:     var(--silver-400);
  --text-faint:     var(--grey-300);
  --text-onDark:    #efe4d0;
  --text-onDarkMuted:#a89680;
  /* Für die nachrangigen Sandflächen. */
  --text-onLight:      var(--grey-900);
  --text-onLightMuted: var(--grey-500);

  --border-hair:    rgba(239,228,208,0.18);
  --border-inner:   rgba(239,228,208,0.12);
  --border-strong:  #efe4d0;
  --border-onLight: var(--silver-250);

  --accent:         var(--silver-100); /* Primäraktion invertiert: Sand auf Dunkel */
  --accent-hover:   var(--white);
  --accent-press:   var(--silver-300);
  --focus-ring:     var(--mint-base);
  --eyebrow:        var(--accent-onMid);
  --accent2:        var(--mint-base);
  --accent2-strong: var(--mint-strong);
  --accent2-soft:   var(--mint-soft);

  /* ---- SEMANTIK DER ZAHLEN (CM 22.07.2026) ----
     Alle Zahlen in Mint, negative in Signalrot. */
  --num:          var(--mint-base);
  --num-negative: var(--signal-red);
  --heading:      var(--mint-base);   /* H1 und H2 */

  /* ============ TYPOGRAPHY ============ */
  --font-sans: 'Lato', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: var(--font-sans);
  --font-data: var(--font-sans);
  --font-mono: ui-monospace, 'SFMono-Regular', 'Menlo', monospace;
  --font-wordmark: 'Cormorant Garamond', 'Georgia', serif; /* SOLE serif — logo only */

  --fs-display: 76px; --fs-h1: 52px; --fs-h2: 38px; --fs-h3: 27px; --fs-h4: 20px;
  --fs-lead: 20px; --fs-body: 16px; --fs-sm: 14px; --fs-xs: 13px; --fs-micro: 11px;

  --fw-hairline: 100; --fw-light: 300; --fw-regular: 400; --fw-bold: 700; --fw-black: 900;

  --lh-tight: 1.08; --lh-snug: 1.2; --lh-normal: 1.6; --lh-relaxed: 1.7;

  --ls-tightest: -0.03em; --ls-tight: -0.015em; --ls-normal: 0;
  --ls-wide: 0.04em; --ls-wider: 0.22em; --ls-eyebrow: 0.26em;

  /* ============ SPACING (4px grid) ============ */
  --space-0: 0; --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px; --space-12: 48px;
  --space-16: 64px; --space-20: 80px; --space-24: 96px;
  --gutter: 24px; --page-pad: 64px; --maxw-prose: 640px; --maxw-content: 1180px;

  /* ============ RADIUS (architectural — sharp) ============ */
  --radius-none: 0; --radius-xs: 0; --radius-sm: 2px; --radius-md: 4px;
  --radius-lg: 8px; --radius-xl: 12px; --radius-pill: 999px;

  /* ============ SHADOW (restrained, warm-tinted) ============ */
  --shadow-xs: 0 1px 2px rgba(34,32,28,0.05);
  --shadow-sm: 0 1px 3px rgba(34,32,28,0.07), 0 1px 2px rgba(34,32,28,0.04);
  --shadow-md: 0 4px 12px rgba(34,32,28,0.08), 0 2px 4px rgba(34,32,28,0.04);
  --shadow-lg: 0 12px 32px rgba(34,32,28,0.12), 0 4px 8px rgba(34,32,28,0.06);
  --shadow-focus: 0 0 0 3px rgba(154,123,79,0.28);

  /* ============ MOTION (quiet, functional) ============ */
  --transition-fast: 120ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition:      180ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 280ms cubic-bezier(0.4, 0, 0.2, 1);
}