/* ============================================================================
   TIER 1 · PRIMITIVES · Farb-Rampen (roh, Theme- & Modus-unabhängig)
   ----------------------------------------------------------------------------
   NIE direkt in Komponenten referenzieren. Nur die Semantic-Schicht
   (tokens/colors.css) zeigt hierauf. Jede Hue ist eine volle 50…900-Rampe.
============================================================================ */

:root {

  /* ---- Marken-Paletten ---- */
  /* terracotta-850 ist eine ZWISCHENSTUFE (zwischen 800 und 900): Weil die
     Karten im Dunkelmodus dunkler sind als der Hintergrund, verschwand
     `--color-primary-subtle` auf 900 in der Kartenfläche — die Auswahl war
     nicht mehr zu sehen. Bewusst näher an 900 als an 800; 800 wäre als
     Auswahl-Fläche zu laut. */
  --terracotta-50:#FAF0EC;--terracotta-100:#F4DACE;--terracotta-200:#E8B49E;--terracotta-300:#DB8F70;--terracotta-400:#CD6F49;--terracotta-500:#BC5C38;--terracotta-600:#A04A2C;--terracotta-700:#823A23;--terracotta-800:#642C1B;--terracotta-850:#44291C;--terracotta-900:#471F14;
  --olive-50:#F4F4EC;--olive-100:#E5E6D3;--olive-200:#CBCDA8;--olive-300:#ADB07C;--olive-400:#8F9358;--olive-500:#747842;--olive-600:#5C6034;--olive-700:#474A29;--olive-800:#34361F;--olive-900:#232415;
  /* sand-850 / sand-750 sind ZWISCHENSTUFEN zwischen 800 und 900 bzw. 700 und
     800. Im Dunkelmodus trägt 850 die Karte (`--color-surface-sunken` fiel
     sonst mit dem Seitenhintergrund zusammen), 750 trägt `--color-border-
     subtle`/`--color-hover` — beide müssen zwischen Karte (850) und
     Seitengrund (800) liegen, dafür gab es in der warmen Rampe keine Stufe. */
  /* sand-150 ist die ZWISCHENSTUFE zwischen 100 und 200. Sie trägt im Hellen
     `--color-hover`: darüber lag der Wert auf 100 und damit exakt auf
     `--color-surface-sunken`, das Überfahren war von einer abgesenkten Fläche
     nicht zu unterscheiden. Zwischen Weiß und 200 gibt es sonst nur einen
     einzigen Schritt — zu wenig für Ruhe, Überfahren und Gedrückt. */
  --sand-0:#FFFFFF;--sand-50:#FAF6EF;--sand-100:#F2EBDD;--sand-150:#EBE2D0;--sand-200:#DDD0B8;--sand-300:#C9B89A;--sand-400:#AE9C7B;--sand-500:#8C7B5E;--sand-600:#6B5E47;--sand-700:#4E4435;--sand-750:#3A3328;--sand-800:#352F25;--sand-850:#2A251D;--sand-900:#211D17;

  /* ---- Status-Paletten ---- */
  --green-50:#EDF2E9;--green-100:#D6E2C9;--green-200:#B3C99E;--green-300:#8FAE72;--green-400:#6C9152;--green-500:#4F7044;--green-600:#415C39;--green-700:#33482D;--green-800:#263621;--green-900:#1A2616;
  --amber-50:#FCF4DD;--amber-100:#F8E7B4;--amber-200:#F0D483;--amber-300:#E7C158;--amber-400:#DEAE3A;--amber-500:#C0852A;--amber-600:#A77123;--amber-700:#7E5417;--amber-800:#5E3F11;--amber-900:#3E2A0B;
  --red-50:#FBEAE8;--red-100:#F4C9C4;--red-200:#E89E96;--red-300:#DC7268;--red-400:#CF4D40;--red-500:#C0392B;--red-600:#A22E22;--red-700:#7E241D;--red-800:#5C1A15;--red-900:#3D110E;
  --blue-50:#E9EFF4;--blue-100:#CFDEEA;--blue-200:#A8C3D7;--blue-300:#7DA3C0;--blue-400:#5483A4;--blue-500:#3F6A8A;--blue-600:#335A75;--blue-700:#284A61;--blue-800:#1D3648;--blue-900:#13242F;

  /* ---- Daten-/Neutral-Paletten ---- */
  --plum-50:#F3EAF0;--plum-100:#E2CCDD;--plum-200:#CCA6C2;--plum-300:#B381A6;--plum-400:#9C6A8E;--plum-500:#8A5B78;--plum-600:#714A62;--plum-700:#58394C;--plum-800:#402937;--plum-900:#2A1B24;
  --teal-50:#E4EEEE;--teal-100:#C2DBDB;--teal-200:#93BFC0;--teal-300:#66A2A4;--teal-400:#4C868A;--teal-500:#41757D;--teal-600:#355F66;--teal-700:#2A4A50;--teal-800:#1F373B;--teal-900:#142426;

  /* ---- Clinical-Blue-Paletten — Primitives für das ZWEITE Farbschema (data-theme="clinical").
         slate=Neutrals · steel=Primary · petrol=Akzent. Volle 50…900-Rampen wie die Terracotta-Seite. ---- */
  /* slate ist bewusst leicht bläulich nuanciert (nicht neutralgrau) — wirkt
     app-weit im Clinical-Schema. */
  /* slate-750 / slate-850: Zwischenstufen aus dem finalen Design (§1.7) —
     850 trägt im Dunkeln `--color-surface-sunken` (sonst verschwindet die
     Navigationsleiste im Seitenhintergrund), 750 die Haarlinie
     `--color-border-subtle` (sie muss zwischen Fläche und Grund liegen). */
  /* slate-150: dieselbe Zwischenstufe wie sand-150, aus demselben Grund. */
  --slate-0:#FFFFFF;--slate-50:#EFF3FA;--slate-100:#E1E8F2;--slate-150:#DAE2ED;--slate-200:#CCD6E5;--slate-300:#ABBACE;--slate-400:#8493AA;--slate-500:#637189;--slate-600:#4A5668;--slate-700:#36414F;--slate-750:#2B3542;--slate-800:#242D39;--slate-850:#1B2330;--slate-900:#161C26;
  /* DIE MARKENFARBE — das Blau des Zeichens. Sie steht NEBEN der steel-Rampe,
     nicht darin: Sie trägt mehr Chroma als jede ihrer Stufen (0,072 gegen
     0,047 bis 0,057) und fiele als Zwischenstufe aus deren Kurve.
     Wer sie ändert, ändert das Logo — beide lesen denselben Wert. */
  --marke-blau:#4A7E9B;

  --steel-50:#EDF3F6;--steel-100:#D4E2E9;--steel-200:#ADC8D4;--steel-300:#80A7B8;--steel-400:#588598;--steel-500:#406A7C;--steel-600:#345765;--steel-700:#2A4654;--steel-800:#213541;--steel-900:#15232B;
  --petrol-50:#E7F1F1;--petrol-100:#C8DEDE;--petrol-200:#97C3C3;--petrol-300:#62A3A5;--petrol-400:#3E868A;--petrol-500:#2D6E72;--petrol-600:#245A5E;--petrol-700:#1D484C;--petrol-800:#16383B;--petrol-900:#0E2427;
}