/* ==========================================================================
   Salman GmbH — Design Tokens
   Formsprache: die Schräge aus dem Logo-Swoosh (10°) als durchgängiges Motiv
   ========================================================================== */

:root {
  /* Farben (OKLCH, Fallback Hex) */
  --ink: #0b0f1e;            /* Blauschwarz aus Navy #040E56 + Schwarz */
  --ink-2: #151a2e;          /* angehobene dunkle Fläche */
  --ink-3: #1f2540;          /* Linien / Hover auf dunkel */
  --paper: #f7f6f3;          /* warmes Grauweiß */
  --paper-2: #edecE7;        /* Sektionswechsel hell */
  --white: #fdfdfc;
  --red: #ed1c24;            /* Markenrot */
  --red-deep: #c2151c;       /* Hover / gedrückt */
  --steel: #565b6e;          /* Sekundärtext auf hell */
  --mist: #aab0c2;           /* Sekundärtext auf dunkel */
  --line: #dddbd4;           /* Linien auf hell */
  --line-dark: #262c47;      /* Linien auf dunkel */
  --star: #f5a623;           /* Bewertungssterne */

  /* Typografie — eine Familie, drei Stimmen */
  --font: 'Archivo', 'Segoe UI', system-ui, sans-serif;
  --display-stretch: 118%;
  --label-stretch: 92%;

  --fs-display: clamp(2.6rem, 6.4vw, 5.4rem);
  --fs-h1: clamp(2.3rem, 5vw, 4rem);
  --fs-h2: clamp(1.85rem, 3.6vw, 2.9rem);
  --fs-h3: clamp(1.2rem, 1.9vw, 1.45rem);
  --fs-body: 1.0625rem;
  --fs-small: .9375rem;
  --fs-label: .8125rem;

  /* Schräge */
  --slant: 10deg;
  --slant-tan: 0.1763;            /* tan(10°) */
  --cut: clamp(2rem, 5vw, 4.5rem); /* Höhe schräger Sektionskanten */

  /* Raum */
  --space-section: clamp(4.5rem, 9vw, 8.5rem);
  --space-section-sm: clamp(3rem, 6vw, 5.5rem);
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --content: 76rem;
  --content-narrow: 46rem;

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
  --t-fast: 220ms;
  --t-med: 450ms;
  --t-slow: 700ms;

  --radius: 2px;
}

@supports (color: oklch(0.5 0.1 200)) {
  :root {
    --ink: oklch(0.185 0.03 275);
    --ink-2: oklch(0.235 0.035 275);
    --ink-3: oklch(0.29 0.04 275);
    --paper: oklch(0.972 0.004 90);
    --paper-2: oklch(0.938 0.006 90);
    --white: oklch(0.992 0.002 90);
    --red: oklch(0.58 0.226 27);
    --red-deep: oklch(0.5 0.196 27);
    --steel: oklch(0.475 0.025 275);
    --mist: oklch(0.755 0.025 275);
    --line: oklch(0.885 0.008 90);
    --line-dark: oklch(0.32 0.04 275);
  }
}