/* Sunntech-Design-Tokens — 1:1 aus content-system/DESIGN-SUNNTECH.md Abschnitt 1.
   Bauteile benutzen nur diese Variablen. Je Thema ergänzt: Tokens für das
   Kommandozentrum (Leuchten, Raster, Glas). Sie sind AUSSCHLIESSLICH aus den
   Design-Farben abgeleitet (gleicher Farbton, andere Deckkraft) — keine fremden
   Farbtöne. Der Wächter tests/dashboard_test.ts prüft das. */

/* Schriften laut Design (Abschnitt 2), gevendort — keine CDN zur Laufzeit.
   Quelle: npm @fontsource-variable/inter@5.3.0 und
   @fontsource-variable/bricolage-grotesque@5.3.0, Teilmenge latin, Lizenz SIL OFL 1.1
   (vendor/fonts/LICENSE-*.txt). */
@font-face{
  font-family:"Inter"; font-style:normal; font-weight:100 900; font-display:swap;
  src:url("vendor/fonts/inter-latin-wght-normal-5.3.0.woff2") format("woff2");
}
@font-face{
  font-family:"Bricolage Grotesque"; font-style:normal; font-weight:200 800; font-display:swap;
  src:url("vendor/fonts/bricolage-grotesque-latin-wght-normal-5.3.0.woff2") format("woff2");
}

html[data-theme="light"]{
  --bg:#FFFFFF; --surface:#FFFFFF; --surface-2:#FCFBF8;
  --line:#EDEAE2; --line-2:#F1EEE7;
  --ink:#262420; --ink-2:#6E6A60; --ink-3:#A6A192;
  --sun:#E7962B; --sun-tief:#C87A1E; --sun-soft:#FDF1DC; --sun-line:#F0DCB4;
  --chip-bg:#E7F0E7; --chip-stroke:#234A30;
  --gruen:#2F5D3E; --gruen-tief:#234A30; --gruen-soft:#E7F0E7; --gruen-line:#CFE3CF;
  --ton:#B0503E; --ton-soft:#F7E7E2;
  --badge-sun:#E7962B; --badge-sun-ink:#3A2705;
  --badge-gruen:#2F5D3E; --badge-ton:#B0503E; --badge-ink:#FFFFFF;
  --glass:rgba(255,255,255,.72);
  --hero-a:#FFF7EA; --hero-b:#FDECCF; --hero-ink:#4A3410; --hero-sub:#8A6A2E; --hero-line:#F0DCB4;
  --card-shadow:0 1px 2px rgba(38,36,32,.05), 0 10px 26px rgba(38,36,32,.07);
  --lift-shadow:0 2px 4px rgba(38,36,32,.06), 0 18px 40px rgba(38,36,32,.11);
  --sun-glow:rgba(231,150,43,.42);
  /* Datenstufe orange (Finanzen): gedecktes Gold aus den Hero-Tönen, damit es sich
     von der hellen Sonne („wartet“) unterscheidet */
  --orange-ink:#8A6A2E; --orange-soft:#FFF7EA; --orange-line:#F0DCB4;
  --linie-fluss:rgba(166,161,146,.55);
  /* Kommandozentrum (abgeleitet) */
  --sun-hell:#FBD68A;
  --glow-sun:rgba(231,150,43,.30); --glow-sun-stark:rgba(231,150,43,.55);
  --glow-gruen:rgba(47,93,62,.22); --glow-ton:rgba(176,80,62,.32);
  --raster:rgba(38,36,32,.045); --raster-stark:rgba(38,36,32,.085);
  --glas:rgba(255,255,255,.76); --glas-rand:rgba(38,36,32,.09); --glas-licht:rgba(255,255,255,.9);
  --buehne-a:#FFF7EA; --buehne-b:#FFFFFF;
  --schleier:rgba(38,36,32,.28);
  --kern-ink:#3A2705;
  color-scheme: light;
}
html[data-theme="dark"]{
  --bg:#0C110E; --surface:#151B17; --surface-2:#1A211C;
  --line:rgba(255,255,255,.075); --line-2:rgba(255,255,255,.05);
  --ink:#ECEAE2; --ink-2:#A7A99E; --ink-3:#71746A;
  --sun:#F5B23E; --sun-tief:#E0912A; --sun-soft:rgba(245,178,62,.14); --sun-line:rgba(245,178,62,.28);
  --chip-bg:rgba(143,217,168,.13); --chip-stroke:#9FE3B6;
  --gruen:#46A06A; --gruen-tief:#46A06A; --gruen-soft:rgba(70,160,106,.14); --gruen-line:rgba(70,160,106,.3);
  --ton:#D4735E; --ton-soft:rgba(212,115,94,.15);
  --badge-sun:#F5B23E; --badge-sun-ink:#2A1C05;
  --badge-gruen:#46A06A; --badge-ton:#D4735E; --badge-ink:#0C110E;
  --glass:rgba(21,27,23,.66);
  --hero-a:#2C2214; --hero-b:#181712; --hero-ink:#FCE9C5; --hero-sub:#C9A868; --hero-line:rgba(245,178,62,.28);
  --card-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 10px 30px rgba(0,0,0,.5);
  --lift-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 16px 40px rgba(0,0,0,.6);
  --sun-glow:rgba(245,178,62,.45);
  --orange-ink:#C9A868; --orange-soft:rgba(245,178,62,.10); --orange-line:rgba(201,168,104,.36);
  --linie-fluss:rgba(255,255,255,.14);
  /* Kommandozentrum (abgeleitet): Grund = --bg, Leuchten = --sun / --chip-stroke / --ton */
  --sun-hell:#FBD68A;
  --glow-sun:rgba(245,178,62,.34); --glow-sun-stark:rgba(245,178,62,.7);
  --glow-gruen:rgba(159,227,182,.22); --glow-ton:rgba(212,115,94,.45);
  --raster:rgba(255,255,255,.028); --raster-stark:rgba(255,255,255,.06);
  --glas:rgba(21,27,23,.62); --glas-rand:rgba(255,255,255,.08); --glas-licht:rgba(255,255,255,.06);
  --buehne-a:#2C2214; --buehne-b:#0C110E;
  --schleier:rgba(12,17,14,.6);
  --kern-ink:#2A1C05;
  color-scheme: dark;
}
:root{
  --font-titel:"Bricolage Grotesque","Avenir Next","Segoe UI Variable Display",ui-rounded,system-ui,-apple-system,sans-serif;
  --font-text:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  /* Zahlen und Zeiten: Systemschrift in Festbreite (das Design nennt keine eigene) */
  --font-mono:ui-monospace,"SF Mono","SFMono-Regular",Menlo,Consolas,"Liberation Mono",monospace;
  --r-feld:12px; --r-kachel:16px; --r-karte:18px; --r-pille:999px;
}
.unsichtbar{position:absolute;width:0;height:0;overflow:hidden}
.nur-vorlesen{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rau{filter:url(#rough)}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}