/* Burke Williams Design Tokens — extracted from Figma UI 14 July */
:root {
  /* ── Colors ───────────────────────────────────────────── */
  --color-cream:     #fffdf8;
  --color-cream-alt: #fffcf6;
  --color-sand:      #ece8dd;
  --color-sand-light:#f5f2ec;
  --color-sand-dark: #d0ccc2;
  --color-blue:      #335d88;
  --color-blue-dark: #22303e;
  --color-coral:     #d75f3d;
  --color-charcoal:  #1a1712;
  --color-body:      #676767;
  --color-muted:     #9b958d;
  --color-white:     #ffffff;
  --color-overlay:   rgba(0, 0, 0, 0.4);

  /* ── Typography ───────────────────────────────────────── */
  --font-display: 'Teodor TRIAL', 'Teodor', serif;
  --font-script:  'La Belle Aurore', 'Great Vibes', cursive;
  --font-body:    'Barlow', system-ui, sans-serif;

  --text-2xs: 10px;
  --text-xs:  12px;
  --text-sm:  14px;
  --text-base:16px;
  --text-lg:  20px;
  --text-xl:  24px;
  --text-2xl: 32px;
  --text-3xl: 40px;
  --text-4xl: 60px;
  --text-5xl: 80px;

  --weight-light:    300;
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;

  --leading-tight:  1.1;
  --leading-snug:   1.2;
  --leading-normal: 1.4;
  --leading-relaxed:1.5;

  /* ── Spacing (8-pt grid) ──────────────────────────────── */
  --space-0:  0;
  --space-1:  8px;
  --space-2:  16px;
  --space-3:  24px;
  --space-4:  32px;
  --space-5:  40px;
  --space-6:  48px;
  --space-8:  64px;
  --space-10: 80px;
  --space-12: 96px;
  --space-15: 120px;
  --space-20: 160px;

  /* ── Layout ───────────────────────────────────────────── */
  --content-max:  1440px;
  --content-pad:  0 var(--space-15);
  --section-pad-v: var(--space-15);

  /* ── Border ───────────────────────────────────────────── */
  --radius-sm:  6px;
  --radius-md:  12px;
  --radius-lg:  20px;
  --radius-xl:  30px;
  --radius-full:9999px;

  /* ── Shadow ───────────────────────────────────────────── */
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 24px rgba(0,0,0,0.12);
  --shadow-lg: 0 8px 48px rgba(0,0,0,0.16);

  /* ── Transition ───────────────────────────────────────── */
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --duration: 300ms;
}