/* Corax: één bron voor kleur, typografie, ruimte en beweging. */
@font-face {
  font-family: "Bodoni Moda";
  src: url("../fonts/bodoni-moda.woff2?v=ec5b785abb85") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Bodoni Moda";
  src: url("../fonts/bodoni-moda-italic.woff2?v=af6bca11d9b8") format("woff2");
  font-style: italic;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope.woff2?v=a30ddcd34970") format("woff2");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}
:root {
  color-scheme: light;
  --ink: #171916;
  --ink-soft: #272b25;
  --cream: #f4efe6;
  --paper: #fffcf7;
  --sand: #e7dfd2;
  --cognac: #99532f;
  --cognac-dark: #763b20;
  --gold: #c5a46d;
  --muted: #625d53;
  --muted-on-dark: #c6c2b8;
  --line: #d4cabc;
  --line-control: #8b8173;
  --available: #305441;
  --available-bg: #e2ecdf;
  --sold: #544f48;
  --sold-bg: #e8e3db;
  --error: #9e2923;
  --font-display: "Bodoni Moda", "Bodoni MT", Didot, Georgia, serif;
  --font-body: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --text-xs: 0.8125rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: clamp(1.125rem, 1vw + 0.8rem, 1.375rem);
  --h1: clamp(3.1rem, 6.8vw, 7.3rem);
  --h2: clamp(2.25rem, 4vw, 4.5rem);
  --h3: clamp(1.6rem, 2vw, 2.2rem);
  --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: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;
  --gutter: clamp(1.25rem, 4.3vw, 5rem);
  --section-space: clamp(4rem, 8vw, 8rem);
  --content-max: 88rem;
  --reading-max: 42rem;
  --radius: 0.25rem;
  --header-height: 6rem;
  --duration-fast: 160ms;
  --duration-base: 280ms;
  --duration-slow: 650ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-fast: 0ms;
    --duration-base: 0ms;
    --duration-slow: 0ms;
  }
}