:root {
  /* Palette — sampled from the Nat Mache logo artwork: the bright script
     yellow, the wood-plank sign, the parchment banner, the flag, and the
     tropical foliage that frames the whole emblem. Every pair below was
     contrast-checked; gold on wood is 7.16:1, cream on wood 11.97:1. */
  --gold: #F5B71D;         /* the "Mache" script */
  --gold-bright: #FFD24A;  /* its highlight */
  --gold-deep: #D99114;    /* hover / pressed */
  --wood: #462C15;         /* the sign plank */
  --wood-deep: #2E1B0C;    /* its shadowed grain */
  --wood-lt: #6B4A2F;
  --cream: #FDF6E8;
  --cream-dk: #F2E6CE;
  --parchment: #EFE0BC;    /* the tagline banner */
  --ht-blue: #00209F;
  --ht-red: #D21034;
  --leaf: #2E7D32;         /* the foliage, now a real supporting colour */
  --leaf-bright: #4CAF50;
  --leaf-deep: #1B5E20;
  --text: #241608;
  --muted: #6B4A2F;
  --border: #E0CFAE;

  --font-display: 'Fraunces', Georgia, serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;

  --step-0: 1rem;
  --step-1: 1.25rem;
  --step-2: 1.6rem;
  --step-3: 2.1rem;
  --step-4: 2.8rem;
  --step-5: 3.6rem;

  --space-1: 0.5rem;  --space-2: 1rem;   --space-3: 1.5rem;
  --space-4: 2rem;    --space-5: 3rem;   --space-6: 5rem;

  --radius: 6px;
  --shadow-sm: 0 1px 3px rgba(58, 36, 21, 0.10);
  --shadow-md: 0 6px 20px rgba(58, 36, 21, 0.14);
  --max-width: 1200px;
}