/* Salzburg Chauffeur — Design-Tokens „Light Editorial"
   Gleiche Token-NAMEN wie dark-luxury, andere WERTE.
   Kontrastwerte (WCAG 2.1, gemessen 29.07.2026) stehen als Kommentar dabei.
   Hinweis: Das ursprüngliche Terrakotta #A8755F erreicht auf hellem Grund nur 3.85:1
   und ist damit für Fließtext unzulässig. Er bleibt als --c-accent-display für
   große Displaytypo (AA-large ab 3:1) erhalten; --c-accent ist die abgedunkelte,
   AA-sichere Abdunklung #8F5B45. */

:root {
  color-scheme: light;

  /* Farben ------------------------------------------------------------ */
  /* 12.08.2026: Flaechen in die Farbwelt der Kopfzeile geholt. Vorher lagen sie
     mit b* 1.7 bzw. 3.5 nur halb so warm wie die Kopfzeile (b* 7.4) — objektiv
     warm, im direkten Kontrast dazu aber als gruenstichig gelesen (Simultan-
     kontrast: neben kraeftigem Orange kippt ein blasserer Ton Richtung
     Gegenfarbe). --c-bg-alt ist jetzt exakt --c-header-bg; --c-bg bleibt eine
     Spur heller, sonst verschwaende der Wechsel, der die Abschnitte trennt.
     Ein waermerer Durchgang (#EBDBC2, "Variante B") wurde am selben Tag wieder
     zurueckgenommen: --c-bg ist die Grundflaeche der GANZEN Seite, ein sattes
     Beige dort laesst das Layout durchgehend gelb wirken statt nur die
     abgesetzten Abschnitte zu faerben. Die Grundflaeche bleibt deshalb nahe
     Weiss; nur --c-bg-alt traegt den Menueton.
     GOTCHA fuer kuenftige Farbwuensche: --c-accent kommt auf #F2E8DA nur auf
     4.62:1. Jeder waermere Grund kippt ihn unter AA — Akzent und heller
     Kleintext muessen dann zwingend mitwandern. */
  --c-bg:             #FDFBF7;
  --c-bg-alt:         #F2E8DA;   /* identisch mit --c-header-bg */
  --c-surface:        #FFFFFF;
  --c-surface-2:      #F7F1E9;
  /* Auf dem satteren Grund mussten Rahmen eine Stufe dunkler werden, sonst
     verlieren sie sich (altes #E3D8CC kam nur noch auf 1.16:1 statt 1.38:1). */
  --c-border:         #D8C7B8;   /*  1.36:1 auf --c-bg-alt, 1.51:1 auf --c-bg */
  --c-border-strong:  #C9B49F;

  --c-text:           #2B2823;   /* 14.20:1 auf --c-bg, 12.11:1 auf --c-bg-alt */
  --c-text-muted:     #5C554C;   /*  7.11:1 / 6.06:1 */
  /* Frueher #7A7165 — lag mit 4.43:1 auf --c-bg-alt schon vor dieser Aenderung
     unter AA und waere auf dem neuen Grund auf 3.96:1 gefallen. */
  --c-text-soft:      #6E665B;   /*  5.47:1 / 4.67:1 */

  --c-accent:         #8F5B45;   /*  5.42:1 auf --c-bg, 4.62:1 auf --c-bg-alt */
  /* Wird ausschliesslich als Hover-Flaeche von .btn--primary verwendet — der
     alte Kommentar "nur grosse Displaytypo" beschrieb die Realitaet nicht mehr.
     Massgeblich ist daher WCAG 1.4.11 (Flaeche gegen Grund >= 3:1); mit dem
     alten #A8755F waeren es auf dem waermeren Grund nur 2.87:1 gewesen. */
  --c-accent-display: #A3705A;   /*  3.45:1 Flaeche auf --c-bg-alt · 4.18:1 weisser Text darauf */
  --c-accent-tint:    rgba(143, 91, 69, .10);
  --c-on-accent:      #FFFFFF;   /*  5.60:1 auf --c-accent */
  --c-focus:          #8F5B45;

  /* Kopfzeile — der Grundton der ganzen Seite. Seit 12.08.2026 tragen die
     abgesetzten Abschnitte (--c-bg-alt) denselben Wert; die Kopfzeile bleibt
     durch ihre Unterkante (--c-border) und den Blur abgegrenzt, nicht mehr
     durch die Farbe.
     Kontrast auf --c-header-bg: Text 12.11:1 · Text-muted 6.06:1 · Akzent 4.62:1 (AA). */
  --c-header-bg:      #F2E8DA;
  --c-lang-inactive:  var(--c-text-muted);   /* statt --c-text-soft — auf dem dunkleren Header sonst nur 3.96:1 */

  --c-shade:          rgba(43, 40, 35, .45);

  /* Typografie -------------------------------------------------------- */
  --ff-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --ff-body:    "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fw-display: 600;
  --fw-body:    400;
  --fw-medium:  600;
  --fw-bold:    700;

  --fs-xs:   .75rem;
  --fs-sm:   .875rem;
  --fs-base: 1rem;
  --fs-md:   1.0625rem;
  --fs-lg:   clamp(1.125rem, 1.05rem + .38vw, 1.3125rem);
  --fs-xl:   clamp(1.375rem, 1.2rem + .9vw, 1.75rem);
  --fs-2xl:  clamp(1.75rem, 1.45rem + 1.5vw, 2.5rem);
  --fs-3xl:  clamp(2.125rem, 1.6rem + 2.6vw, 3.5rem);
  --fs-4xl:  clamp(2.5rem, 1.75rem + 3.4vw, 4rem);

  --lh-tight:  1.08;
  --lh-head:   1.16;
  --lh-body:   1.66;
  --tracking-eyebrow: .18em;
  --tracking-display: -.01em;

  /* Abstände ---------------------------------------------------------- */
  --sp-1: .25rem;  --sp-2: .5rem;   --sp-3: .75rem;  --sp-4: 1rem;
  --sp-5: 1.25rem; --sp-6: 1.5rem;  --sp-7: 2rem;    --sp-8: 2.5rem;
  --sp-9: 3rem;    --sp-10: 4rem;   --sp-11: 5rem;   --sp-12: 6rem;
  --section-y: clamp(3.75rem, 2.4rem + 5.4vw, 7.5rem);
  --gutter:    clamp(1.25rem, .5rem + 3vw, 4.5rem);

  /* Form -------------------------------------------------------------- */
  --r-sm: 3px;  --r-md: 4px;  --r-lg: 6px;  --r-pill: 999px;
  --r-media: 4px;
  --border-w: 1px;

  --sh-1: 0 1px 2px rgba(43, 40, 35, .06);
  --sh-2: 0 16px 40px rgba(43, 40, 35, .10);

  /* Layout ------------------------------------------------------------ */
  --maxw: 1220px;
  --maxw-prose: 62ch;
  --header-h: 76px;   /* gestaffelt: 76 / 84 ab 480 / 100 ab 768 / 116 ab 1280 — siehe
                         unten. Die Höhe steckt bewusst im Token, damit
                         scroll-padding-top automatisch mitzieht. */
  --tap: 44px;

  /* Stil-Feinheiten ---------------------------------------------- */
  --hero-overlay: linear-gradient(180deg, rgba(43, 40, 35, 0) 60%, rgba(43, 40, 35, .22) 100%);
  --rule-weight: 1px;
}

/* Kopfzeile seit 10.08.2026 („Fassung A"): Bildmarke links, Schriftzug mittig,
   rechts Sprachwahl, Anrufen und Menütaste. Braucht am Schreibtisch mehr Höhe. */
@media (min-width:  480px) { :root { --header-h:  84px; } }
@media (min-width:  768px) { :root { --header-h: 100px; } }
@media (min-width: 1280px) { :root { --header-h: 116px; } }