/* Hallmark · macrostructure: Split Studio · tone: utilitarian-trustworthy · anchor hue: forest green 152
 * theme: custom (vibe: "sturdy, clean, trustworthy, Viennese trades")
 * paper oklch(99% 0.004 150) · accent oklch(50% 0.13 152) · Bodoni Moda (Überschriften) + Archivo (Labels) + Instrument Sans
 * axes: light / grotesk-sans / chromatic-green
 */
@font-face {
  font-family: "Archivo";
  src: url("/fonts/archivo.woff2") format("woff2");
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
}
@font-face {
  font-family: "Bodoni Moda";
  src: url("/fonts/bodoni-moda.woff2") format("woff2");
  font-weight: 400 900;
  font-display: swap;
}
@font-face {
  font-family: "Instrument Sans";
  src: url("/fonts/instrument-sans.woff2") format("woff2");
  font-weight: 400 700;
  font-stretch: 75% 100%;
  font-display: swap;
}

:root {
  /* Farben */
  --color-paper: oklch(99% 0.004 150);
  --color-paper-2: oklch(96.6% 0.011 150);
  --color-paper-3: oklch(93% 0.018 150);
  --color-ink: oklch(18% 0.014 155);
  --color-ink-2: oklch(38% 0.016 155);
  --color-ink-3: oklch(52% 0.014 155);
  --color-line: oklch(89% 0.012 150);
  --color-line-strong: oklch(80% 0.014 150);
  --color-accent: oklch(50% 0.13 152);
  --color-accent-hover: oklch(43% 0.115 152);
  --color-accent-soft: oklch(94.5% 0.04 150);
  --color-accent-on-night: oklch(80% 0.16 148);
  --color-on-accent: oklch(99% 0.004 150);
  --color-night: oklch(16.5% 0.012 155);
  --color-night-2: oklch(21% 0.014 155);
  --color-night-3: oklch(27% 0.015 155);
  --color-night-line: oklch(32% 0.014 155);
  --color-on-night: oklch(97% 0.006 150);
  --color-on-night-2: oklch(76% 0.012 150);
  --color-focus: oklch(58% 0.17 150);
  --color-danger: oklch(53% 0.19 27);
  --color-danger-soft: oklch(95% 0.03 27);
  --color-warn: oklch(78% 0.15 78);
  --color-warn-soft: oklch(96% 0.05 90);
  --color-shadow: oklch(18% 0.014 155 / 0.12);
  --color-scrim: oklch(16% 0.012 155 / 0.55);

  /* Schrift */
  --font-serif: "Bodoni Moda", "Didot", Georgia, serif;
  --font-display: "Archivo", "Arial Narrow", system-ui, sans-serif;
  --font-body: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --stretch-display: 112%;

  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-md: 1.0625rem;
  --text-lg: 1.1875rem;
  --text-xl: clamp(1.3rem, 0.6vw + 1.1rem, 1.5rem);
  --text-2xl: clamp(1.55rem, 1.2vw + 1.2rem, 2rem);
  --text-3xl: clamp(1.8rem, 1.9vw + 1.2rem, 2.6rem);
  --text-display: clamp(2.2rem, 2.6vw + 1rem, 3.9rem);

  /* Abstände (4-pt) */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4.5rem;
  --space-3xl: clamp(3.5rem, 6vw, 6rem);
  --gutter: clamp(1rem, 4vw, 2.5rem);
  --max: 76rem;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --rule: 1px solid var(--color-line);

  /* Bewegung */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in: cubic-bezier(0.55, 0, 1, 0.45);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 140ms;
  --dur-med: 220ms;
  --dur-slow: 360ms;
}