/* Getränke-Getränke.de – Design-Token, einzige Quelle für alle Farben (Farbwelt A „Flaschenblau“, festgelegt 14.10.2026).
   Gilt für getraenke-getraenke.de und alle Subdomains. NICHT für Kolabri (Kasse, Postfach, Mails): eigenes Projekt, eigenes Design.
   Dunkelmodus über die Klasse „dark“ auf <html> (Schalter im Layout, sonst Systemeinstellung).
   Benennung: --gg-primary = Farbe für Links und Text, --gg-fill = Füllfarbe für Knöpfe (weißer Text darauf). */
:root{
  --gg-primary:#1772ab; --gg-primary-hover:#125a86; --gg-primary-tint:#ebf6fc; --gg-primary-tint-strong:#d6eaf7;
  --gg-fill:#1772ab; --gg-fill-hover:#125a86; --gg-on-fill:#ffffff;
  --gg-logo-second:#349ad9;
  --gg-accent:#f6a823; --gg-on-accent:#2b1a00;
  --gg-bg:#ffffff; --gg-surface:#ffffff; --gg-surface-alt:#f8fafc; --gg-line:#e2e8f0; --gg-border:#cbd5e1;
  --gg-text:#1e293b; --gg-muted:#475569;
  --gg-ok:#166534; --gg-warn:#92400e; --gg-error:#b91c1c; --gg-error-bg:#fef2f2;
  --gg-font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; --gg-radius:10px; --gg-radius-lg:14px;
  /* Namen aus früheren Dateien (site.css), bleiben als Alias erhalten */
  --gg-deep:var(--gg-primary-hover); --gg-btn:var(--gg-fill); --gg-btn-hover:var(--gg-fill-hover); --gg-tint:var(--gg-primary-tint);
  --gg-err:var(--gg-error); --gg-err-bg:var(--gg-error-bg); --gg-focus:var(--gg-primary-hover);
}
html.dark{
  --gg-primary:#64b6ea; --gg-primary-hover:#8ac8ef; --gg-primary-tint:rgba(100,182,234,.12); --gg-primary-tint-strong:rgba(100,182,234,.22);
  --gg-fill:#197cb9; --gg-fill-hover:#1772ab; --gg-on-fill:#ffffff;
  --gg-logo-second:#ffffff;
  --gg-bg:#0f172a; --gg-surface:#1e293b; --gg-surface-alt:#111c30; --gg-line:#334155; --gg-border:#334155;
  --gg-text:#e2e8f0; --gg-muted:#b6c2d2;
  --gg-ok:#86efac; --gg-warn:#fcd34d; --gg-error:#fca5a5; --gg-error-bg:rgba(239,68,68,.14);
  --gg-deep:#125a86; --gg-focus:#64b6ea;
}