/* Shared marketing / admin tokens. Farbkonzept: Blau = Basisakzent; Gruen = nur Greenflag. */
:root {
  color-scheme: light dark;

  --ink: #151a1e;
  --paper: #f4f5f1;
  --surface: #ffffff;
  --line: #cdd1c9;
  --steel: #6b7178;
  --text-secondary: #6b7178;

  /* Basisakzent Blau: CTAs, Status aktiv, Press-Tint, Logo-Ring */
  --ready: #234a6b;
  --brand-blue: #234a6b;
  --on-ready: #f4f7f6;
  --ready-tint: #e8eef4;
  --pending: #b97a2e;
  --pending-tint: #f4e9d8;

  /* Greenflag only: Ampel / Bestehensgrenze / didaktisches Signal */
  --greenflag: #145c50;
  --on-greenflag: #f4f7f6;
  --greenflag-tint: #e6eeec;

  /* Marke: Wortmarke, Kupfer nur UI-Links; Ampel-Punkte Rot/Gelb/Grün im Lockup */
  --text-primary: #1a1a1a;
  --ns-accent: #c4784a;
  --ampel-rot: #c94a3f;
  --ampel-gelb: #dba13a;
  --ampel-gruen: #4a9060;

  --link: #234a6b;
  --focus: #234a6b;

  --gauge-low: #b94a3a;

  --font-display: "Archivo", "Arial Narrow", "Segoe UI Narrow", sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", "SF Mono", "Segoe UI Mono", ui-monospace, monospace;

  --tap: 44px;
  --radius-control: 4px;
  --radius-sheet: 2px;
  --content-max: 1080px;
  --page-gutter: 32px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --ink: #e8eae6;
    --paper: #151a1e;
    --surface: #1c2228;
    --line: #3a4148;
    --steel: #9aa1a8;
    --text-secondary: #9aa1a8;

    --ready: #8eb4d4;
    --brand-blue: #8eb4d4;
    --on-ready: #0f1a24;
    --ready-tint: #1e2832;
    --pending: #d4a05a;
    --pending-tint: #2c2418;

    --greenflag: #b7d9d2;
    --on-greenflag: #0f4a41;
    --greenflag-tint: #1e2e24;

    --text-primary: #e8eae6;
    --ns-accent: #e0a07a;

    --link: #8eb4d4;
    --focus: #8eb4d4;
  }
}

@media (prefers-contrast: more) {
  :root {
    --ink: #000000;
    --paper: #ffffff;
    --surface: #ffffff;
    --line: #000000;
    --steel: #222222;
    --text-secondary: #222222;
    --ready: #003366;
    --brand-blue: #003366;
    --on-ready: #ffffff;
    --pending: #7a4a00;
    --greenflag: #145c50;
    --on-greenflag: #ffffff;
    --text-primary: #000000;
    --ns-accent: #8a4520;
    --link: #003366;
    --focus: #003366;
  }
}

@media (prefers-contrast: more) and (prefers-color-scheme: dark) {
  :root {
    --ink: #ffffff;
    --paper: #000000;
    --surface: #000000;
    --line: #ffffff;
    --steel: #eeeeee;
    --text-secondary: #eeeeee;
    --ready: #99ccff;
    --brand-blue: #99ccff;
    --on-ready: #000000;
    --pending: #ffcc66;
    --greenflag: #3cff8f;
    --on-greenflag: #000000;
    --text-primary: #ffffff;
    --ns-accent: #e0a07a;
    --link: #99ccff;
    --focus: #99ccff;
  }
}