/* ── Golden Summer Fields Design Tokens ───────────────────────────────────── */
:root {
  /* Colours */
  --color-bg:            #faf7ef;
  --color-surface:       #f2eddb;
  --color-surface-alt:   #ebe3c5;
  --color-border:        #c8b87a;
  --color-border-light:  #ddd0a0;

  --color-primary:       #5a6e2c;
  --color-primary-hover: #3d4e1a;
  --color-primary-light: #8a9e4e;

  --color-accent:        #c99a2e;
  --color-accent-hover:  #a67d1f;
  --color-accent-light:  #e8c45a;

  --color-text:          #2c2a1e;
  --color-text-muted:    #6b6750;
  --color-text-light:    #8a8468;

  --color-code-bg:       #f5f1e4;
  --color-code-border:   #d6ca94;

  --color-link:          #4a5e20;
  --color-link-hover:    #c99a2e;

  --color-header-bg:     #3d4e1a;
  --color-header-text:   #f5f1e4;
  --color-footer-bg:     #2c3412;
  --color-footer-text:   #d4cc9a;

  /* Typography */
  --font-sans:   'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-mono:   'Cascadia Code', 'Fira Code', 'Consolas', monospace;
  --font-serif:  Georgia, 'Times New Roman', serif;

  --text-xs:    0.75rem;
  --text-sm:    0.875rem;
  --text-base:  1rem;
  --text-lg:    1.125rem;
  --text-xl:    1.25rem;
  --text-2xl:   1.5rem;
  --text-3xl:   1.875rem;
  --text-4xl:   2.25rem;
  --text-5xl:   3rem;

  --leading-tight:  1.25;
  --leading-snug:   1.375;
  --leading-normal: 1.625;
  --leading-relaxed: 1.75;

  /* Spacing */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  /* Layout */
  --header-height:     64px;
  --max-content-width: 1440px;
  --content-padding:   clamp(1rem, 4vw, 3rem);

  /* Borders */
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  12px;
  --radius-xl:  16px;
  --radius-2xl: 24px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm:  0 1px 3px rgba(44, 42, 30, 0.12);
  --shadow-md:  0 4px 12px rgba(44, 42, 30, 0.15);
  --shadow-lg:  0 8px 24px rgba(44, 42, 30, 0.18);
  --shadow-xl:  0 16px 40px rgba(44, 42, 30, 0.22);

  /* Transitions */
  --transition-fast:   150ms ease;
  --transition-normal: 250ms ease;
  --transition-slow:   400ms ease;
}