/**
 * Design tokens — single source of truth for colour, type, space, radius.
 * Change values here to restyle the whole site.
 */

:root {
  /* Colour */
  --color-paper: #f7f4ec;
  --color-paper-deep: #efebe0;
  --color-ink: #111111;
  --color-ink-soft: #3a3a3a;
  --color-mute: #c8c2b4;
  --color-line: rgba(17, 17, 17, 0.12);
  --color-accent: #ed1c24;
  --color-white: #ffffff;

  /* Type families */
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-condensed: "Bebas Neue", Impact, sans-serif;
  --font-body: "DM Sans", system-ui, sans-serif;
  --font-label: "Space Mono", ui-monospace, monospace;

  /* Type scale */
  --text-hero: clamp(2.75rem, 8vw, 6.5rem);
  --text-display: clamp(2rem, 5vw, 4rem);
  --text-title: clamp(1.55rem, 3.4vw, 2.5rem);
  --text-body: 1.05rem;
  --text-small: 0.85rem;
  --text-micro: 0.7rem;

  /* Space */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.75rem;
  --space-lg: 3rem;
  --space-xl: 5rem;
  --space-2xl: 7.5rem;
  --page-pad: clamp(1.1rem, 4.5vw, 3.5rem);
  --header-h: 4.5rem;

  /* Shape & motion */
  --radius-sm: 0.65rem;
  --radius-md: 1.15rem;
  --radius-pill: 999px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --duration: 0.45s;

  /* Layout */
  --max-width: 1400px;
}