/*
  Design-Tokens fuer das Betriebsdashboard (Auftrag "Betriebsdashboard
  Galini Olympou" Block 4). Farben aus 01-21 Brand Guide.docx, Abschnitt 4.
  Anthrazit hat dort noch keinen final festgelegten Hex-Wert ("Wird nach
  Freigabe ergaenzt") -- --color-anthracite ist ein vorlaeufiger, ruhiger
  Dunkelton fuer Fliesstext und wird angepasst, sobald der Brand Guide einen
  verbindlichen Wert ergaenzt.

  Typografie: EB Garamond ist laut Brand Guide die typografische
  Projektreferenz, fuer Webanwendungen aber ausdruecklich unter Vorbehalt
  technischer Lesbarkeit/Stabilitaet ("fuer Webanwendungen technische
  Lesbarkeit und Stabilitaet beruecksichtigen", Website-Spezifikation
  Abschnitt 5). Fuer ein operatives Arbeitswerkzeug mit Namen, Zahlen und
  Listen wiegt Lesbarkeit schwerer als Markentreue im Fliesstext -- deshalb
  bewusst KEIN Webfont-Ladevorgang (auch keine externe Font-CDN-Abhaengigkeit,
  Auftrag Punkt 9: "keine Abhaengigkeit von externen SaaS-UI-Diensten").
  Stattdessen: ein serifenbetonter System-Stack fuer Marke/Ueberschriften
  (zitiert den klassischen Charakter von EB Garamond, ohne die Logo-
  Wortmarke selbst nachzubauen) und ein humanistischer System-Sans-Stack
  fuer alle operativen Inhalte (Namen, Daten, Karten, Listen).
*/

:root {
  /* Markenfarben (Brand Guide 01-21, Abschnitt 4) */
  --color-aegean: #1F3C5A;      /* Primaerfarbe -- Kopfzeile, primaere Aktionen */
  --color-olive: #4C7A4E;       /* Akzentfarbe -- ruhige/positive Zustaende */
  --color-gold: #DAA34D;        /* Logo-/Aufmerksamkeits-Akzent, sparsam */
  --color-sand: #E7D9C0;        /* warmer Untergrund */
  --color-silver: #EFEEEA;      /* helle Flaeche/Kontrast */
  --color-white: #FFFFFF;
  --color-anthracite: #2E2B27;  /* vorlaeufig, siehe Dateikopf */

  /* Funktionale Zuordnung -- bewusst KEIN Rot/Ampel-Set (Auftrag: "sollen
     nicht nach technischem Monitoring-System aussehen"). Aufmerksamkeit
     wird ueber Sonnengold markiert, nie ueber Alarmfarben. */
  /* R2-G3: Flaechen naeher an der Galini-Website (Sandbeige-Untergrund,
     warmes Off-White fuer Karten), aber heller und ruhiger als dort --
     das Dashboard bleibt ein Arbeitswerkzeug, kein Marketing-Auftritt. */
  --color-bg: #EEE6D6;
  --color-surface: #FAF8F3;
  --color-surface-warm: var(--color-sand);
  --color-text: var(--color-anthracite);
  --color-text-muted: #6B675F;
  --color-border: #DCD1BD;
  --color-primary: var(--color-aegean);
  --color-primary-contrast: var(--color-white);
  --color-positive: var(--color-olive);
  --color-attention: var(--color-gold);
  --color-attention-bg: #FBF1DF;
  /* R2-G3 Browserabnahme (PL): ein abgelaufener Zaehler wird rot markiert.
     Bewusst ein warmes Ziegelrot statt Signalrot und nur fuer Ueberfaelliges. */
  --color-danger: #A3392B;
  --color-danger-bg: #F8E4DF;
  --color-focus-ring: var(--color-aegean);

  /* Typografie */
  --font-heading: Georgia, "Iowan Old Style", "Palatino Linotype", "Book Antiqua", serif;
  --font-body: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-size-base: 16px;
  --line-height-base: 1.5;

  /* Abstaende -- grosszuegig, ruhig (Auftrag: "grosszuegige Weiss-/
     Ruheflaechen") */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;

  --radius: 10px;
  --radius-lg: 16px;
  --shadow-card: 0 1px 3px rgba(31, 60, 90, 0.08), 0 1px 2px rgba(31, 60, 90, 0.06);
  --max-content-width: 960px;
}