/*
  Taumore design tokens.
  Layout rhythm follows the colour-blocking of whenuaacademy.co.nz.
  Colours are Taumore's: black, warm cream and the logo gold.
  Change a colour here and it changes across the whole site.
*/
:root {
  /* Taumore palette */
  --black: #0a0a0a;
  --dark-950: #0a0a0a;
  --dark-900: #131311;
  --dark-800: #1c1b18;
  --dark-700: #26241f;
  --cream-50: #faf6ee;
  --cream-100: #f1e9d8;
  --cream-200: #e2d8c2;
  --white: #ffffff;
  --gold-200: #f1d9a6;
  --gold-400: #e2b86a;
  --gold-500: #d4a24c;
  /* Gold that stays readable on cream: ink for small text, lg for headings */
  --gold-ink: #7a5a1e;
  --gold-ink-lg: #8f6c2a;

  /* Text */
  --ink-900: #141210;
  --ink-700: #3a352e;
  --ink-500: #5a5348;
  --on-dark: #f7f3ea;
  --on-dark-muted: #d2cbbd;
  --line-dark: rgba(247, 243, 234, 0.18);
  --line-light: rgba(20, 18, 16, 0.14);

  --grad-gold: linear-gradient(100deg, var(--gold-200), var(--gold-500));
  --grad-dark: linear-gradient(170deg, var(--dark-800), var(--dark-950) 75%);

  /* Type */
  --font-serif: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-sans: 'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif;
  --fs-display: clamp(2.3rem, 6.2vw, 3.7rem);
  --fs-h2: clamp(1.8rem, 4.5vw, 2.6rem);
  --fs-h3: 1.3rem;
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-kicker: 0.8rem;

  /* Spacing */
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4.5rem;
  --sp-9: 6rem;

  /* Shape */
  --r-md: 14px;
  --r-lg: 22px;
  --r-pill: 999px;
  --shadow-card: 0 6px 24px rgba(10, 10, 10, 0.08);
  --content-max: 1120px;
  --gutter: 1.5rem;
}