/* Curved Culture — Design-Tokens v2 „Bold Minimal“ (01.10.2026).
   Palette laut Brand-Guide des Kunden: RED-01 #FF0000, RED-02 #800000, RED-03 #3F0000, BLACK #000000.
   Richtung nach geigercars.de / autohaus-galstyan.de / autowelt-bodensee.de: harte Kanten,
   große Versal-Headlines, Eyebrow-Labels, ein heller Kontrapunkt, viel Schwarz. */

@font-face {
  font-family: "Montserrat";
  src: url("/assets/fonts/Montserrat-var-latin.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("/assets/fonts/Montserrat-Italic-var-latin.woff2") format("woff2");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

:root {
  /* Marke (Brand-Guide) */
  --red-01: #ff0000;
  --red-02: #800000;
  --red-03: #3f0000;
  --black: #000000;

  /* Flächen */
  --color-bg: var(--black);
  --color-surface: #0d0d0d;     /* Karten auf Schwarz */
  --color-band: #121212;        /* abgesetzte dunkle Sections */
  --color-raise: #1a1a1a;       /* Inputs */
  --color-line: #262626;        /* Haarlinien */
  --color-line-strong: #3a3a3a;
  --color-light: #f4f2f1;       /* heller Kontrapunkt (Bewertungen) */
  --color-light-line: #dedad8;

  /* Text */
  --color-ink: #ffffff;
  --color-text: #d9d4d2;        /* Fließtext auf Schwarz, 13:1 */
  --color-muted: #8f8a88;       /* Meta auf Schwarz, 5,6:1 */
  --color-ink-dark: #0a0a0a;    /* Text auf Hell */
  --color-text-dark: #3b3735;

  /* Akzent — #FF0000 auf Schwarz 5,25:1 (AA). Weiß auf #FF0000 nur 4:1, deshalb
     tragen rote Buttons schwarze Schrift (wie das schwarze Logo auf RED-01 im Brand-Guide). */
  --color-accent: var(--red-01);
  --color-on-accent: var(--black);
  --color-accent-hover: #ff2a2a;
  --color-focus: var(--red-01);

  /* Typo */
  --font-sans: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --fw-text: 450;
  --fw-strong: 600;
  --fw-bold: 700;
  --fw-display: 900;
  --fs-hero: clamp(2.75rem, 7.4vw, 7rem);
  --fs-h1: clamp(2.5rem, 5.6vw, 5rem);
  --fs-h2: clamp(2rem, 4vw, 3.5rem);
  --fs-h3: clamp(1.125rem, 1.5vw, 1.375rem);
  --fs-lead: clamp(1.0625rem, 1.25vw, 1.25rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-eyebrow: 0.75rem;
  --lh-display: 0.92;
  --lh-tight: 1.02;
  --lh-snug: 1.25;
  --lh-body: 1.65;
  --tracking-display: -0.02em;
  --tracking-eyebrow: 0.22em;
  --tracking-button: 0.12em;

  /* Raum */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 7rem;
  --section-y: clamp(4.5rem, 9vw, 8.5rem);
  --container: 1320px;
  --container-narrow: 880px;
  --gutter: clamp(1.25rem, 4vw, 3rem);

  /* Form — harte Kanten wie Autowelt/Galstyan */
  --radius: 0px;

  /* Bewegung */
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur: 220ms;
}