/* ==========================================================================
   TOKAMA CookieBanner – Corporate Design (zentral)
   Datei: /assets/cookiebanner/cookiebanner_brand.css

   Zweck:
   - Zentrale Design-Variablen (Corporate Design) für das Cookiebanner.
   - Für andere Projekte: nur diese Datei anpassen.
   ========================================================================== */

:root{
  /* Layout */
  --tokama-cb-radius: 16px;
  --tokama-cb-radius-lg: 18px;
  --tokama-cb-gap: 14px;

  /* Typography */
  --tokama-cb-font: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --tokama-cb-title-size: 20px;
  --tokama-cb-text-size: 14px;

  /* Colors (Dark / Glass) */
  --tokama-cb-surface: rgba(18, 18, 18, 0.86);
  --tokama-cb-surface-2: rgba(28, 28, 28, 0.86);
  --tokama-cb-border: rgba(255, 255, 255, 0.09);
  --tokama-cb-divider: rgba(255, 255, 255, 0.10);
  --tokama-cb-text: rgba(255, 255, 255, 0.92);
  --tokama-cb-muted: rgba(255, 255, 255, 0.70);
  --tokama-cb-link: rgba(255, 255, 255, 0.90);

  /* Shadow / Backdrop */
  --tokama-cb-shadow: 0 14px 44px rgba(0,0,0,0.55);
  --tokama-cb-backdrop: rgba(0,0,0,0.28);
  --tokama-cb-blur: 7px;

  /* Buttons */
  --tokama-cb-btn-bg: rgba(255,255,255,0.05);
  --tokama-cb-btn-bg-hover: rgba(255,255,255,0.08);
  --tokama-cb-btn-border: rgba(255,255,255,0.12);
  --tokama-cb-btn-text: rgba(255,255,255,0.92);

  /* Switch */
  --tokama-cb-switch-track-off: rgba(255,255,255,0.16);
  --tokama-cb-switch-track-on: rgba(255,255,255,0.34);
  --tokama-cb-switch-knob: rgba(255,255,255,0.92);
}

/* Optional: per Projekt überschreiben, z.B.
   html[data-theme="light"] :root { ... }
*/