/* Design tokens — from the WeekTwo blog design handoff (README.md, high-fidelity).
   Colours are OKLCH and are final. Change values here, nowhere else. */
:root {
  color-scheme: light;

  /* Colour */
  --color-vermilion: oklch(0.60 0.185 40);
  --color-violet: oklch(0.46 0.16 290);
  --color-citron: oklch(0.86 0.16 95);
  --color-ink: oklch(0.20 0.035 290);
  --color-paper: oklch(0.972 0.014 80);
  --color-canvas: oklch(0.90 0.012 80);

  --color-text: var(--color-ink);
  --color-text-secondary: oklch(0.32 0.03 290);
  --color-text-meta: oklch(0.47 0.02 290);

  --color-link: var(--color-violet);
  --color-link-hover: var(--color-vermilion);

  --color-border: oklch(0.20 0.035 290 / 0.14);
  --color-border-strong: oklch(0.20 0.035 290 / 0.2);

  --color-violet-tint: oklch(0.46 0.16 290 / 0.08);

  /* Type */
  --font-display: "Archivo", system-ui, sans-serif;
  --font-editorial: "Newsreader", Georgia, serif;

  --size-h1-desktop: 5.25rem;   /* 84px */
  --size-h1-article-desktop: 4.25rem; /* 68px */
  --size-latest-headline: 3.375rem; /* 54px */
  --size-pullquote: 2.375rem;   /* 38px */
  --size-list-headline: 2rem;   /* 32px */
  --size-body: 1.3125rem;       /* 21px */
  --size-body-lg: 1.4375rem;    /* 23px */
  --size-meta: 0.8125rem;       /* 13px */
  --size-label: 0.6875rem;      /* 11px */

  --tracking-tight: -0.035em;
  --tracking-tight-md: -0.02em;
  --tracking-label: 0.12em;

  --leading-body: 1.64;
  --leading-tight: 0.94;

  /* Spacing */
  --space-page-x: 4rem;      /* 64px */
  --space-page-x-mobile: 1.375rem; /* 22px */
  --space-section-y: 4.5rem; /* 72px */
  --space-section-y-sm: 3.75rem; /* 60px */

  --border-hairline: 1px solid var(--color-border);
  --border-hairline-strong: 1px solid var(--color-border-strong);

  --shadow-soft: 0 24px 60px oklch(0.20 0.035 290 / 0.18);

  --max-content-width: 1440px;
  --max-reading-width: 700px;
  --max-quote-width: 900px;
}

@media (prefers-color-scheme: dark) {
  /* The design brief specifies a single warm-paper light theme; no dark
     variant was provided. We keep the light palette even in dark mode
     rather than inventing colours the brief didn't sign off on. */
}