/*
  Energie-Cockpit · Design-Tokens (Fassung 1, 10.10.2026)
  Eine Quelle für hell, dunkel und die Stadtwerk-Variante (White-Label).
  Kontrastpaare werden von tests/design/check_contrast.py aus dieser Datei gelesen.
  Keine externen Schriften: Systemschriften laden nichts von Dritten nach (DSGVO, Tempo).
*/
:root {
  /* Schrift */
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;
  --text-xs: 0.8125rem;   /* 13 px – nur Achsen und Legenden */
  --text-s: 0.9375rem;    /* 15 px */
  --text-m: 1.0625rem;    /* 17 px – Fließtext, ältere Zielgruppe */
  --text-l: 1.25rem;      /* 20 px */
  --text-xl: 1.625rem;    /* 26 px */
  --text-xxl: 2.25rem;    /* 36 px – Messwert im Schaltbild */
  --leading: 1.5;

  /* Raster und Maße */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --rail: 15rem;          /* linke Navigation ab 64 rem */
  --content-max: 76rem;
  --target: 2.75rem;      /* 44 px Mindestgröße für Bedienelemente */
  --radius: 4px;
  --line: 1px;
  --line-strong: 2px;

  /* Bewegung */
  --flow-speed: 2.4s;

  /* Hell (Standard) */
  --paper: #F5F4EF;
  --surface: #FFFFFF;
  --ink: #1A222C;
  --ink-2: #4A5563;
  --rule: #D5D2C8;
  --rule-strong: #737A85;
  --brand: #0B5F6B;
  --brand-ink: #FFFFFF;
  --brand-soft: #E3EFEF;
  --focus: #1747A6;

  --sun: #9A4D00;
  --sun-fill: #F4B547;
  --on-sun: #1A222C;
  --grid: #45546A;
  --store: #0E6B5C;
  --car: #5B3F9E;
  --heat: #93305F;
  --house: #1A222C;

  --price-low: #23704A;
  --price-mid: #7D6312;
  --price-high: #A5302A;

  --ok: #1E6B45;
  --warn: #8A5A00;
  --alert: #A3261F;
  --demo: #6B4E00;
  --demo-bg: #FFF4D6;
  --on-price: #FFFFFF;
  --on-alert: #FFFFFF;
}

/* Dunkel: per Einstellung oder Systemvorgabe */
:root[data-theme="dunkel"] {
  --paper: #10151B;
  --surface: #171E26;
  --ink: #E7EBEE;
  --ink-2: #A9B3BE;
  --rule: #2A3440;
  --rule-strong: #77838F;
  --brand: #5CC3CF;
  --brand-ink: #08262A;
  --brand-soft: #16343A;
  --focus: #8AB4FF;

  --sun: #F2B04A;
  --sun-fill: #F2B04A;
  --on-sun: #10151B;
  --grid: #A3B3CA;
  --store: #4FC3A8;
  --car: #B79CF0;
  --heat: #E58BB5;
  --house: #E7EBEE;

  --price-low: #6BCB94;
  --price-mid: #E0B95A;
  --price-high: #F08A80;

  --ok: #6BCB94;
  --warn: #E0B95A;
  --alert: #F08A80;
  --demo: #F5D27A;
  --demo-bg: #2E2614;
  --on-price: #10151B;
  --on-alert: #10151B;
}

/* Stadtwerk-Variante (fiktive Marke „Stadtwerke Musterstadt“): nur Markenfarbe und Name wechseln */
:root[data-brand="stadtwerk"] {
  --brand: #8E1F3F;
  --brand-ink: #FFFFFF;
  --brand-soft: #F6E6EB;
}
:root[data-brand="stadtwerk"][data-theme="dunkel"] {
  --brand: #F08FAA;
  --brand-ink: #2B0712;
  --brand-soft: #3A1622;
}

/* Schriftgröße per Einstellung (zusätzlich zum Browser-Zoom) */
:root[data-textsize="125"] { font-size: 125%; }
:root[data-textsize="150"] { font-size: 150%; }