/* §02 — Color Palette */
:root {
  --color-bg:           #0F0E0C;
  --color-surface:      #1A1917;
  --color-border:       #2A2824;
  --color-accent:       #C4954A;
  --color-accent-warm:  #D4A96A;
  --color-text:         #F0EBE3;
  --color-text-muted:   #8A8178;
  --color-nature:       #3D4A35;
  --color-dark:         #0A0908;
}

/* §03 — Type Scale */
:root {
  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.375rem;
  --text-2xl:  1.75rem;
  --text-3xl:  2.5rem;
  --text-4xl:  3.5rem;
  --text-hero: clamp(3rem, 8vw, 6rem);
}

/* §03 — Font Families */
:root {
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body:    'DM Sans', Helvetica, sans-serif;
  --font-label:   'Shippori Mincho', serif;
}

/* §04 — Spacing */
:root {
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-6:  24px;
  --space-8:  32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --space-32: 128px;
}

/* §04 — Layout */
:root {
  --max-width:    1200px;
  --padding-x:    clamp(24px, 5vw, 80px);
  --grid-columns: 12;
  --grid-gap:     24px;
  --section-py:   var(--space-24);
}