/* Brand-Tokens — Adrian/Flagrans. Eine Petrol-Identitaet in zwei Modi (Light A / Dark B).
   AA-Kontrast je Paar geprueft (siehe design/theme-implementation-plan.md + checks/contrast.py).
   Regeln: Fliesstext auf --text; Gold NUR als Nicht-Text-Akzent; --primary fuer Akzent-Text/Links/CTA. */

/* ---- Light (A) — Default ---- */
:root{
  --bg:#F2FBF9;            /* Creme (Body)                                   */
  --hero-bg:#083F47;       /* Petrol-dunkel (Topzone: Header + Hero)         */
  --surface:#FFFFFF;       /* Karten / Formularfelder                        */
  --border:rgba(8,63,71,.14);
  --text:#1F2A2E;          /* Charcoal-Petrol auf Creme (~13:1)              */
  --muted:#4A5B60;         /* Slate (~7:1)                                   */
  --on-dark:#F2FBF9;       /* Text auf Petrol-Topzone (~11:1)                */
  --on-dark-muted:#AFC6C4; /* Sekundaertext auf Petrol                       */
  --primary:#0E6D78;       /* CTA-Fuellung / Links / Akzent-Text (5.7:1)     */
  --primary-hover:#0B5862; /* CTA-Hover                                      */
  --on-primary:#F2FBF9;    /* Text auf --primary (5.7:1)                     */
  --link:#0E6D78;          /* Links auf Creme (5.7:1)                        */
  --gold:#AD8528;          /* NUR Nicht-Text-Akzent (Flamme/Linie/Border), >=3:1 auf Creme/Weiss */
  --hero-accent:#D4AF37;   /* Gold-Akzent NUR auf der dunklen Hero-Zone (AA) */
  --danger:#C0392B;        /* Fehlertext / Invalid-Border (5.5:1 auf Creme)  */

  /* Layout */
  --maxw:64rem;
  --space:clamp(1rem,2.5vw,2rem);
  --radius:14px;
}

/* ---- Dark (B) — folgt dem OS, sofern nicht manuell "light" gewaehlt ---- */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0F1418;
    --hero-bg:#173F47;
    --surface:#142A2E;
    --border:rgba(255,255,255,.10);
    --text:#E7E9E8;
    --muted:#8FA6A8;
    --on-dark:#E7E9E8;
    --on-dark-muted:#8FA6A8;
    --primary:#15B8C4;
    --primary-hover:#3BC7D1;
    --on-primary:#06222A;
    --link:#15B8C4;
    --gold:#C9A24B;
    --hero-accent:#C9A24B;
    --danger:#FF9B9B;
  }
}

/* ---- Dark (B) — manuell gewaehlt, auch bei hellem OS ---- */
:root[data-theme="dark"]{
  --bg:#0F1418;
  --hero-bg:#173F47;
  --surface:#142A2E;
  --border:rgba(255,255,255,.10);
  --text:#E7E9E8;
  --muted:#8FA6A8;
  --on-dark:#E7E9E8;
  --on-dark-muted:#8FA6A8;
  --primary:#15B8C4;
  --primary-hover:#3BC7D1;
  --on-primary:#06222A;
  --link:#15B8C4;
  --gold:#C9A24B;
  --hero-accent:#C9A24B;
  --danger:#FF9B9B;
}