/* autavi brand tokens — sampled from wordmark / mark (navy + red square) */

:root {
  /* Core brand */
  --color-primary: #204478;
  --color-primary-bright: #5c8cd0;
  --color-secondary: #15243c;
  --color-tertiary: #d40000;
  --color-neutral: #71787a;

  /* Primary scale (logo navy #204478) */
  --primary-900: #0e1f38;
  --primary-800: #163256;
  --primary-700: #1a3b68;
  --primary-600: #204478;
  --primary-500: #2d5a94;
  --primary-400: #4a74ad;
  --primary-300: #7a9cc8;
  --primary-200: #adc4e0;
  --primary-100: #d4e0ef;
  --primary-50: #eaf0f7;

  /* Secondary scale (deep navy for type / surfaces) */
  --secondary-900: #0c1628;
  --secondary-800: #15243c;
  --secondary-700: #2a3c58;
  --secondary-600: #425572;
  --secondary-500: #5c6e8a;
  --secondary-400: #8896aa;
  --secondary-300: #b4becb;
  --secondary-200: #d6dce4;
  --secondary-100: #e8edf3;
  --secondary-50: #f3f6f9;

  /* Tertiary scale (logo red square #d40000) */
  --tertiary-900: #4a0000;
  --tertiary-700: #8c0000;
  --tertiary-500: #d40000;
  --tertiary-300: #ee6a6a;
  --tertiary-100: #fad4d4;

  /* Neutral scale */
  --neutral-1000: #000000;
  --neutral-900: #1a1d1e;
  --neutral-800: #2b2f31;
  --neutral-700: #454a4c;
  --neutral-600: #71787a;
  --neutral-400: #a3a8a9;
  --neutral-200: #d5d8d9;
  --neutral-100: #e9edf0;
  --neutral-50: #f5f6f7;
  --neutral-0: #ffffff;

  /* Light theme semantic aliases */
  --bg: var(--neutral-0);
  --bg-soft: var(--secondary-50);
  --bg-elevated: var(--neutral-0);
  --bg-card: var(--neutral-0);
  --border: rgba(32, 68, 120, 0.1);
  --text: var(--secondary-800);
  --text-muted: var(--neutral-600);
  --accent: var(--primary-600);
  --accent-bright: var(--color-primary);
  --accent-dim: rgba(32, 68, 120, 0.1);
  --accent-ink: var(--neutral-0);
  --accent-spot: var(--color-tertiary);
  --shadow-card: 0 8px 30px rgba(21, 36, 60, 0.07);

  /* Alternating section bands (light) */
  --section-hero: var(--secondary-50);
  --section-mission: #e8edf4;
  --section-services: var(--neutral-0);
  --section-vorteile: var(--secondary-50);
  --section-faq: var(--neutral-0);
  --section-cta: #e4ebf4;
  --section-panel: #dde5ef;

  --radius: 8px;
  --radius-pill: 999px;
  --font: "Kodchasan", system-ui, -apple-system, sans-serif;
  --container: 1180px;
  --header-h: 76px;
}

/* Keep dark theme available via data-theme="dark" */
[data-theme="dark"] {
  --color-primary: #5c8cd0;
  --bg: #070b10;
  --bg-soft: #0b1219;
  --bg-elevated: #0b1520;
  --bg-card: #101820;
  --border: rgba(255, 255, 255, 0.1);
  --text: var(--neutral-0);
  --text-muted: #a8b3bd;
  --accent: var(--color-primary-bright);
  --accent-bright: var(--color-primary-bright);
  --accent-dim: rgba(92, 140, 208, 0.16);
  --accent-ink: var(--secondary-900);
  --accent-spot: var(--color-tertiary);
  --shadow-card: none;

  /* Alternating section bands (dark) — distinct per section */
  --section-hero: #070b10;
  --section-mission: #0b1219;
  --section-services: #090e14;
  --section-vorteile: #050a0d;
  --section-faq: #0a1016;
  --section-cta: #0b1520;
  --section-panel: #060a0f;
}