/* ==================== RESET & ROOT ==================== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; font-size: 16px; }

:root {
  --amber: #E07A3A;
  --sun: #C8501A;
  --sun-light: #E8724A;
  --sun-pale: #FBE8DF;
  --sun-bg: #FEF4EE;
  --earth: #2C2416;
  --earth-mid: #3D3527;
  --stone: #6B6458;
  --stone-light: #9A9288;
  --cream: #FAF7F2;
  --cream2: #FFFAF4;
  --linen: #F0EBE3;
  --linen-dark: #DDD5C8;
  --gold: #C9920A;
  --gold-pale: #FEF8E6;
  --sky: #1E5FA8;
  --sky-pale: #EAF2FC;
  --sage: #2D6E4E;
  --sage-pale: #E8F5EE;
  --violet: #6B4E8A;
  --violet-pale: #EDE8F5;
  --white: #FFFFFF;
  --nav-h: 72px;
  --radius: 16px;
  --radius-sm: 10px;
  --radius-lg: 24px;
  --shadow: 0 2px 24px rgba(44,36,22,0.08);
  --shadow-md: 0 8px 40px rgba(44,36,22,0.12);
  --parchment: #FAE8C8;
  --ink2: #4A3728;
  --or-cream: #FEF3E2;   
  --or-strong: #8e4416; 
  --or-gold: #F2A84B;
  --or: #c95d1a;
  --or-gold-pale: #f0b66f;
}

body {
  font-family: 'DM Sans', sans-serif;
  background: var(--cream2);
  color: var(--stone);
  line-height: 1.6;
  overflow-x: hidden;
}