/* ANKÖ-Designtokens — reine Variablen, ohne Bezug auf ein bestimmtes Tool.
   Herkunft: ANKÖ-PowerPoint-Theme und ANKÖ-Dashboards (Farben, Schrift).
   Nutzung: per <link> direkt einbinden und mit var(--ankoe-…) arbeiten; Hell-Werte stehen auf :root,
   Dunkel-Werte greifen bei prefers-color-scheme: dark (außer data-theme="light") oder bei data-theme="dark".
   Schrift: Segoe UI (lokal auf Windows) zuerst, Selawik als OFL-Ersatz muss das einbindende Tool selbst laden
   (@font-face + woff2, Vorlage in skin-ankoe.css), diese Datei lädt keine Schrift.
   Die *-text- und *-aa-Tokens sind kontrastgeprüfte Varianten (WCAG AA, 4,5:1 auf --ankoe-card) für Text in kleiner Größe. */
:root {
  --ankoe-bg: #F4F6F8;
  --ankoe-card: #FFFFFF;
  --ankoe-soft: #F4F6F8;
  --ankoe-line: #DAE1E6;
  --ankoe-ink: #1D1D1B;
  --ankoe-ink2: #3C4950;
  --ankoe-muted: #71828C;
  --ankoe-muted-aa: #5E6F79;
  --ankoe-rot: #E63524;
  --ankoe-dunkelrot: #AF1F17;
  --ankoe-rot-text: #AF1F17;
  --ankoe-rot-soft: #FBE4E1;
  --ankoe-blau: #009DC5;
  --ankoe-ok: #00975F;
  --ankoe-ok-text: #007A4D;
  --ankoe-amber: #D9A300;
  --ankoe-warn-text: #8A6800;
  --ankoe-grau: #BECBD3;
  --ankoe-grau-hell: #E8EDF0;
  --ankoe-grau-dunkel: #55646C;
  --ankoe-focus: #AF1F17;

  --ankoe-chart-bar: #3C4950;
  --ankoe-chart-lead: #E63524;
  --ankoe-series-1: #3C4950;
  --ankoe-series-2: #BECBD3;
  --ankoe-series-3: #009DC5;
  --ankoe-series-4: #00975F;
  --ankoe-series-5: #AF1F17;
  --ankoe-qr-dark: #1D1D1B;   /* QR immer dunkel auf weiß, auch im Dunkelmodus */
  --ankoe-qr-light: #FFFFFF;

  --ankoe-font: "Segoe UI", Selawik, system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ankoe-bg: #1B2226;
    --ankoe-card: #232C31;
    --ankoe-soft: #2A343A;
    --ankoe-line: #3C4950;
    --ankoe-ink: #E8EDF0;
    --ankoe-ink2: #BECBD3;
    --ankoe-muted: #9AAAB4;
    --ankoe-muted-aa: #9AAAB4;
    --ankoe-rot-text: #FF6B5C;
    --ankoe-rot-soft: #3A2324;
    --ankoe-ok-text: #2FCB93;
    --ankoe-warn-text: #D9A300;
    --ankoe-focus: #E8EDF0;
    --ankoe-chart-bar: #BECBD3;
  }
}
:root[data-theme="dark"] {
  --ankoe-bg: #1B2226;
  --ankoe-card: #232C31;
  --ankoe-soft: #2A343A;
  --ankoe-line: #3C4950;
  --ankoe-ink: #E8EDF0;
  --ankoe-ink2: #BECBD3;
  --ankoe-muted: #9AAAB4;
  --ankoe-muted-aa: #9AAAB4;
  --ankoe-rot-text: #FF6B5C;
  --ankoe-rot-soft: #3A2324;
  --ankoe-ok-text: #2FCB93;
  --ankoe-warn-text: #D9A300;
  --ankoe-focus: #E8EDF0;
  --ankoe-chart-bar: #BECBD3;
}