/* Design-Tokens Lautenschläger Umzüge & Transporte.
   Blau/Weiß auf Artjoms ausdrücklichen Wunsch (2026-10-07), bewusst ein anderes,
   kräftigeres Blau als die Schwestermarke umzugshessen.de (dort gedämpftes
   Schieferblau #2c3e50 + Gold #c9972f + Fraunces/IBM Plex Sans).
   Zweite Design-Runde (2026-10-07, nach Feedback "wirkt leer/billig"): tiefes
   Marineblau als eigenständige Flächenfarbe für Hero/Footer (nicht nur Textfarbe
   auf Weiß), kräftigerer Kontrast, mehr Tonwerte. */

:root {
  /* Flächenfarben */
  --paper: #ffffff;
  --paper-raised: #f3f7fc;
  --ink: #0f2138;
  --ink-soft: #526a82;
  --line: #dde6ef;

  /* Marke */
  --brand: #1d63c4;
  --brand-dark: #144a96;
  --brand-light: #3f8ce0;
  --accent-soft: #e8f1fb;

  /* Tiefes Marineblau als eigene Fläche (Hero, Footer, dunkle Bänder) */
  --navy-900: #081a30;
  --navy-800: #0f2748;
  --navy-line: #1c3a5e;
  --on-navy: #f3f8fe;
  --on-navy-soft: #9fb6cf;

  /* Gold-Akzent, sparsam für Sterne/Highlights (nicht Markenfarbe) */
  --gold: #e3a23c;

  --danger: #b3382e;
  --success: #2f7a4f;

  /* Typografie */
  --font-heading: "Inter", system-ui, sans-serif;
  --font-body: "Source Sans 3", system-ui, sans-serif;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;
  --space-6: 64px;
  --space-7: 96px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --shadow-card: 0 4px 18px rgba(15, 33, 56, 0.07);
  --shadow-card-hover: 0 10px 28px rgba(15, 33, 56, 0.12);

  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #0d1826;
    --paper-raised: #142334;
    --ink: #eef3f9;
    --ink-soft: #9fb4c7;
    --line: #26384c;
    --accent-soft: #1b2e42;
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --paper: #0d1826;
  --paper-raised: #142334;
  --ink: #eef3f9;
  --ink-soft: #9fb4c7;
  --line: #26384c;
  --accent-soft: #1b2e42;
  color-scheme: dark;
}