/* ============================================================
   BIRGITTA REITSCHUSTER — DESIGN TOKENS
   Zusammengeführt aus dem Design System V2
   (colors.css, typography.css, spacing.css)
   ============================================================ */

/* ---- Lokal gehostete Schriftarten (kein Google-Fonts-CDN-Aufruf) ----
   Dateien liegen unter ../fonts/. Bezogen von fonts.gstatic.com,
   Subset "latin" (deckt deutsche Umlaute/ß ab, U+0000-00FF). Jede
   Datei ist eine Variable-Font-Instanz; mehrere @font-face-Regeln mit
   identischer src greifen auf dieselbe Datei zu, moderne Browser
   wählen daraus die passende Schnittstärke. */
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url('../fonts/schibsted-grotesk-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: italic;
  font-weight: 400 600;
  font-display: swap;
  src: url('../fonts/schibsted-grotesk-italic.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Serif 4';
  font-style: italic;
  font-weight: 400 500;
  font-display: swap;
  src: url('../fonts/source-serif-4-italic.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* ---- Base palette ---- */
  --color-ink: #111111;
  --color-graphite: #2a2a2a;
  --color-charcoal: #3a3a3a;
  --color-stone: #8a8a84;
  --color-warm-grey: #e7e4de;
  --color-paper: #f7f5f0;

  --color-hairline: #d3d0c8;
  --color-hairline-strong: #b6b3aa;

  --color-burgundy: #7a1f2b;
  --color-burgundy-deep: #5e1620;

  --text-on-inverted-muted: #b9b6ae;
  --focus-ring: var(--color-ink);

  /* ---- Typography ---- */
  --font-display: 'Schibsted Grotesk', 'Helvetica Neue', Arial, sans-serif;
  --font-body: 'Schibsted Grotesk', 'Helvetica Neue', Arial, sans-serif;
  --font-accent-serif: 'Source Serif 4', Georgia, serif;

  --weight-black: 900;
  --weight-extrabold: 800;
  --weight-bold: 700;
  --weight-semibold: 600;
  --weight-medium: 500;
  --weight-regular: 400;

  --display-1: clamp(3rem, 1.5rem + 6.5vw, 8rem);
  --display-2: clamp(2.25rem, 1.4rem + 4vw, 5.25rem);
  --display-3: clamp(1.75rem, 1.35rem + 1.9vw, 3rem);

  --display-line-height: 1.02;
  --display-tracking: -0.015em;

  --text-eyebrow: 0.8125rem;
  --text-lg: 1.375rem;
  --text-body: 1.125rem;
  --text-sm: 0.9375rem;
  --text-xs: 0.8125rem;

  --line-height-body: 1.6;
  --line-height-tight: 1.15;

  --tracking-eyebrow: 0.14em;
  --tracking-tight: -0.005em;
  --tracking-normal: 0;

  /* ---- Spacing / layout / motion ---- */
  --content-max-width: 78rem;
  --content-measure: 38rem;

  --radius-none: 0px;
  --radius-sm: 2px;

  --ease-quiet: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 150ms;
  --duration-base: 280ms;
  --duration-slow: 480ms;
}