/* Design tokens — the single source of truth for colours, type, spacing and shape. */
:root {
  /* Brand colours */
  --cranberry: #b3263a;
  --cranberry-dark: #8e1c2d;
  --pine: #1f5c46;
  --pine-dark: #164433;
  --gold: #d9a441;
  --gold-light: #f6e7c4;
  --gold-dark: #7a5612;
  --blue: #3d7593;
  --blue-dark: #2b5770;
  --plum: #7d4e8a;
  --danger: #c0392b;

  /* Neutrals */
  --cream: #fbf6ee;
  --sand: #f3ebdf;
  --white: #fff;
  --ink: #2b2321;
  --muted: #7a6a63;
  --line: #e8ddd0;

  /* Typography */
  --font-sans: "Nunito Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-serif: "Fraunces", Georgia, "Times New Roman", serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Spacing scale (also used by utilities.css) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --space-6: 4rem;

  /* Shape */
  --radius-sm: 0.5rem;
  --radius: 0.75rem;
  --radius-lg: 1.25rem;
  --radius-pill: 50rem;

  --shadow-sm: 0 0.25rem 0.75rem rgb(43 35 33 / 0.06);
  --shadow: 0 0.75rem 2rem rgb(43 35 33 / 0.08);
  --shadow-lg: 0 1.5rem 3rem rgb(43 35 33 / 0.12);

  --focus-ring: 0 0 0 0.25rem rgb(179 38 58 / 0.18);

  /* Layout */
  --container: 1140px;
  --page-narrow: 760px;
  --page-wide: 1000px;
}