/* Prognos — Design Tokens
 * Seriös-Premium B2B, helles Farbschema
 * Alle visuellen Konstanten zentral hier.
 */

:root {
  /* Farben */
  --c-ink:        #0a0e1a;   /* Fließtext, Headlines */
  --c-ink-soft:   #1f2433;   /* leicht abgesoftener Ink für Body */
  --c-paper:      #fafaf7;   /* Seiten-Hintergrund */
  --c-paper-alt:  #f3f1ea;   /* alternierende Abschnitte */
  --c-card:       #ffffff;   /* Karten-Oberflächen */
  --c-accent:     #1a4d8f;   /* Marineblau — Links, Akzente */
  --c-accent-dk:  #123b6e;   /* Hover-Zustand */
  --c-muted:      #5c6370;   /* sekundäre Texte */
  --c-muted-2:    #8a8f99;   /* Captions, Labels */
  --c-rule:       #d8d5cc;   /* Linien */
  --c-rule-soft:  #eae6db;   /* schwächere Linien */
  --c-highlight:  #c5a572;   /* warmes Gold, sparsam */
  --c-ok:         #2f6b3a;   /* Machbar-Grün */
  --c-warn:       #8a6a28;   /* Eingeschränkt-Gold */
  --c-info:       #3a4a6b;   /* Hinweis-Dunkelblau */

  /* Typografie */
  --ff-serif:  "Playfair Display", "Cormorant Garamond", Georgia, "Iowan Old Style", serif;
  --ff-sans:   "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --ff-mono:   "JetBrains Mono", "SF Mono", Menlo, Consolas, "Courier New", monospace;

  /* Typo-Scale (modular, 1.25) */
  --fs-xs:   0.8125rem;   /* 13 */
  --fs-sm:   0.9375rem;   /* 15 */
  --fs-base: 1rem;        /* 16 */
  --fs-md:   1.125rem;    /* 18 */
  --fs-lg:   1.375rem;    /* 22 */
  --fs-xl:   1.75rem;     /* 28 */
  --fs-2xl:  2.375rem;    /* 38 */
  --fs-3xl:  3.25rem;     /* 52 */
  --fs-4xl:  4.5rem;      /* 72 */

  --lh-tight: 1.15;
  --lh-snug:  1.35;
  --lh-body:  1.65;

  /* Spacing */
  --sp-1:  0.25rem;
  --sp-2:  0.5rem;
  --sp-3:  0.75rem;
  --sp-4:  1rem;
  --sp-5:  1.5rem;
  --sp-6:  2rem;
  --sp-7:  3rem;
  --sp-8:  4.5rem;
  --sp-9:  6.5rem;
  --sp-10: 9rem;

  /* Layout */
  --content-max: 1120px;
  --prose-max:   720px;
  --radius-sm:   3px;
  --radius-md:   6px;
  --radius-lg:   10px;

  /* Elevation (sparsam) */
  --shadow-1: 0 1px 2px rgba(10, 14, 26, 0.04), 0 0 0 1px rgba(10, 14, 26, 0.06);
  --shadow-2: 0 4px 16px rgba(10, 14, 26, 0.06), 0 0 0 1px rgba(10, 14, 26, 0.05);

  /* Motion */
  --ease:     cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-fast: 160ms;
  --dur-med:  320ms;
  --dur-slow: 520ms;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 0ms;
    --dur-med:  0ms;
    --dur-slow: 0ms;
  }
}