/* Obitrage Design-Tokens: Schriften und Farben, hell und dunkel.
   Genutzt von base.html (App) und landing.html (öffentliche Seite).
   Gold ist der einzige Akzent für Ergebnis und primäre Aktion; die
   Ampelfarben good/warning/critical sind davon getrennt. */

/* Schriften: selbst gehostet (kein Google-Fonts-Abruf).
   Bricolage Grotesque = Überschriften/Zahlen, Instrument Sans = Fließtext. */
@font-face { font-family: 'Bricolage Grotesque'; font-style: normal; font-weight: 400 800; font-stretch: 100%; font-display: swap; src: url("/static/fonts/bricolage-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Bricolage Grotesque'; font-style: normal; font-weight: 400 800; font-stretch: 100%; font-display: swap; src: url("/static/fonts/bricolage-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Instrument Sans'; font-style: normal; font-weight: 400 700; font-stretch: 100%; font-display: swap; src: url("/static/fonts/instrument-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Instrument Sans'; font-style: normal; font-weight: 400 700; font-stretch: 100%; font-display: swap; src: url("/static/fonts/instrument-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Instrument Sans'; font-style: italic; font-weight: 400 700; font-stretch: 100%; font-display: swap; src: url("/static/fonts/instrument-italic-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* OBITRAGE: ruhiges Schwarz/Off-White-System mit einem blauen Datenakzent. */
:root {
  color-scheme: light;
  --plane:        #ecece8;
  --surface:      #ffffff;
  --surface-sunk: #f4f4f0;
  --ink:          #0b0b0b;
  --ink-2:        #4d4c48;
  --muted:        #77756f;
  --grid:         #deded8;
  --axis:         #c8c7c0;
  --hair:         rgba(11,11,11,0.13);
  --series-1:     #2a78d6;
  --good:         #0c7d31;
  --good-text:    #096426;
  --warning:      #d97706;
  --critical:     #dc2626;
  --accent-wash:  rgba(37,99,235,0.07);
  --gold:         #ca8a04;
  --gold-text:    #a16207;
  --gold-wash:    rgba(202,138,4,.10);
  --gold-border:  rgba(202,138,4,.32);
  --gold-hero:    #fdf7e7;
  --shadow-card:  none;
  --shadow-lift:  0 8px 24px rgba(11,11,11,.08);
  --font-display: 'Bricolage Grotesque', system-ui, sans-serif;
  --font-text:    'Instrument Sans', system-ui, -apple-system, "Segoe UI", sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root:where(:not([data-theme="light"])) {
    color-scheme: dark;
    --plane:        #0c0c0e;
    --surface:      #17171a;
    --surface-sunk: #121214;
    --ink:          #fafafa;
    --ink-2:        #c4c4cc;
    --muted:        #8b8b93;
    --grid:         #26262b;
    --axis:         #35353c;
    --hair:         rgba(255,255,255,0.09);
    --series-1:     #60a5fa;
    --good:         #22c55e;
    --good-text:    #22c55e;
    --warning:      #fbbf24;
    --critical:     #f87171;
    --accent-wash:  rgba(96,165,250,0.12);
    --gold:         #eab308;
    --gold-text:    #facc15;
    --gold-wash:    rgba(234,179,8,.14);
    --gold-border:  rgba(234,179,8,.35);
    --gold-hero:    #221c07;
    --shadow-card:  0 1px 2px rgba(0,0,0,.4), 0 10px 28px rgba(0,0,0,.35);
    --shadow-lift:  0 2px 4px rgba(0,0,0,.5), 0 14px 34px rgba(0,0,0,.45);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --plane:#0c0c0e; --surface:#17171a; --surface-sunk:#121214;
  --ink:#fafafa; --ink-2:#c4c4cc; --muted:#8b8b93; --grid:#26262b; --axis:#35353c;
  --hair:rgba(255,255,255,0.09); --series-1:#60a5fa;
  --good:#22c55e; --good-text:#22c55e; --warning:#fbbf24; --critical:#f87171;
  --accent-wash:rgba(96,165,250,0.12);
  --gold:#eab308; --gold-text:#facc15; --gold-wash:rgba(234,179,8,.14);
  --gold-border:rgba(234,179,8,.35); --gold-hero:#221c07;
  --shadow-card:0 1px 2px rgba(0,0,0,.4), 0 10px 28px rgba(0,0,0,.35);
  --shadow-lift:0 2px 4px rgba(0,0,0,.5), 0 14px 34px rgba(0,0,0,.45);
}