/**
 * aviown Corporate Identity — Brand Token File
 *
 * SINGLE SOURCE OF TRUTH for all brand colors.
 * Eingebunden in: app/index.html, index.html, pricing.html, terms.html, privacy.html, imprint.html
 *
 * Farbschema-Entscheid:
 *   Light mode  → Aviation Navy  #00477D  (primäre Markenfarbe)
 *   Dark mode   → Amber Gold     #F59E0B  (App, via src/index.css .dark override)
 *   Marketing   → Aviation Blue  #1a7cc5  (navy aufgehellt für dunkle Hintergründe)
 *
 * Änderungen hier wirken sich auf App und alle Marketing-Seiten aus.
 * Nach einer Änderung: src/index.css .dark-Overrides ebenfalls prüfen.
 */

:root {
  /* ─── Brand Anchors ─────────────────────────────────────────────────────── */
  --brand-navy: #00477d; /* Aviation Navy — primäre Markenfarbe */
  --brand-blue-dark: #1a7cc5; /* Navy aufgehellt für dunkle Hintergründe */
  --brand-blue-hover: #1565a0; /* Hover-State auf dunklem Hintergrund */
  --brand-gold: #f59e0b; /* Amber Gold — Dark-Mode-Akzent */
  --brand-font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --brand-font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;

  /* ─── App CSS-Vars (Tailwind-kompatible HSL-Kanäle) ─────────────────────── */
  /* Consumed by tailwind.config.js via hsl(var(--primary)) etc.            */
  /* Dark-mode overrides in src/index.css (.dark { --primary: ... })        */
  --primary: 206 100% 25%; /* #00477D — light mode */
  --ring: 206 100% 25%;

  /* ─── Marketing-Page Vars (immer auf dunklem Hintergrund) ───────────────── */
  /* Eingebunden via <link rel="stylesheet" href="/brand.css"> in den HTML-  */
  /* Seiten. Marketing-`:root` überschreibt --primary mit --mkt-primary.    */
  --mkt-primary: #1a7cc5;
  --mkt-primary-hover: #1565a0;
  --mkt-accent: #60c4f0;
  --mkt-bg-dark: #0f172a;
  --mkt-bg-darker: #020617;
  --mkt-text: #f8fafc;
  --mkt-text-muted: #94a3b8;
  --mkt-border: #1e293b;
  --mkt-card-bg: #1e293b;

  /* ─── Radius & Shadow (shared) ──────────────────────────────────────────── */
  --brand-radius: 0.75rem;
  --brand-shadow-sm: 0 1px 3px rgba(0, 71, 125, 0.09);
  --brand-shadow-md: 0 8px 20px rgba(0, 71, 125, 0.13);
  --brand-shadow-lg: 0 24px 48px rgba(0, 71, 125, 0.16);
}