/* ============================================================================
   CourtOS · Design-Tokens   (Single Source of Truth — Brand Guide v1.0, Juni 2026)
   ----------------------------------------------------------------------------
   Einbinden VOR dem App-eigenen <style>:
       <link rel="stylesheet" href="/vendor/courtos-tokens.css">
   App-eigene :root-Definitionen überschreiben diese Defaults (Cascade) — so
   können Apps schrittweise migrieren, ohne dass sich sofort etwas ändert.
   Neue/zu vereinheitlichende Apps nutzen direkt diese Variablen.
   ============================================================================ */
:root{
  /* ---- Marke · Navy (Grundfarbe) ---- */
  --navy-deep:#16264C;   /* Tile · Dark        RGB 22·38·76   */
  --navy-700:#1E3260;    /* Tiefe              RGB 30·50·96   */
  --navy:#27407A;        /* Primär · UI        RGB 39·64·122  */
  --navy-mist:#95A6CC;   /* Daten · hell       RGB 149·166·204*/

  /* ---- Marke · Gold (EINZIGER Akzent — sparsam) ---- */
  --optic:#E0A82E;       /* Akzent Gold        RGB 224·168·46 */
  --optic-deep:#BE851A;  /* Gold · Text        RGB 190·133·26 */
  --gold-wash:rgba(224,168,46,.18); /* Chip-BG: Gold @18% auf Hell */

  /* ---- Text · Neutral ---- */
  --ink:#0C0E12;         /* Überschriften      RGB 12·14·18   */
  --ink-2:#20242C;       /* Fließtext          RGB 32·36·44   */
  --graphite:#5C6470;    /* sekundär           RGB 92·100·112 */
  --graphite-2:#8A929C;  /* tertiär            */

  /* ---- Flächen · Linien ---- */
  --paper:#ffffff;
  --mist:#F5F3EF;        /* Fläche             RGB 245·243·239*/
  --cloud:#ECE9E3;
  --line:#E6E2DB;
  --line-soft:#EFECE6;

  /* ---- Funktionale Status-Palette (NICHT Marke) ----
     Geteilt über alle Apps, damit Ampel/Erfolg/Warnung/Fehler überall gleich
     aussehen. „warn" nutzt bewusst den Gold-Ton (eine Akzent-Familie). */
  --status-ok:#3E8E6B;        --status-ok-bg:#EAF3EE;     --status-ok-tx:#2C6B4F;
  --status-warn:#E0A82E;      --status-warn-bg:#FBF1DC;   --status-warn-tx:#9E6E12;
  --status-danger:#C0492F;    --status-danger-bg:#FAEAE6; --status-danger-tx:#9A3A24;
  --status-info:#27407A;      --status-info-bg:#E9EEF7;   --status-info-tx:#27407A;
  --status-neutral:#9AA0A8;   --status-neutral-bg:#F1EEE8;--status-neutral-tx:#8A8F98;

  /* ---- Typografie ---- */
  --font-display:'Sora',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-mono:'Space Grotesk',ui-monospace,'SFMono-Regular',monospace;

  /* ---- Form ---- */
  --radius:22px;          /* weiche Karten        */
  --radius-sm:14px;       /* Daten-Karten         */
  --radius-pill:100px;    /* Buttons · Chips      */
  --shadow-soft:0 24px 60px -20px rgba(18,26,50,.22);
  --shadow-card:0 18px 44px -22px rgba(18,26,50,.20);
}