@import url('https://fonts.googleapis.com/css2?family=Onest:wght@100..900&family=Merriweather:ital,wght@0,300;0,400;0,700;1,400&display=swap');
:root {
  --font-display:'Onest',sans-serif; 
  --font-body:'Merriweather',serif;
  --text-xs:.75rem; 
  --text-sm:.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.1; 
  --leading-snug:1.35; 
  --leading-normal:1.6; 
  --leading-relaxed:1.75;
  --tracking-tight:-0.02em; 
  --tracking-normal:0; 
  --tracking-wide:0.04em;
  --space-xs:4px; 
  --space-sm:8px; 
  --space-md:16px; 
  --space-lg:24px;
  --space-xl:40px; 
  --space-2xl:64px; 
  --space-3xl:96px; 
  --space-4xl:128px;
  --container-max:1440px; 
  --container-pad:clamp(16px,5vw,40px); 
  --grid-gutter:24px;
  --radius-xs:2px; 
  --radius-sm:4px; 
  --radius-md:8px; 
  --radius-lg:12px;
  --radius-xl:20px; 
  --radius-2xl:28px; 
  --radius-pill:999px;
  --shadow-xs:0 1px 2px rgba(26,24,20,.06); 
  --shadow-sm:0 1px 4px rgba(26,24,20,.08);
  --shadow-md:0 4px 12px rgba(26,24,20,.10); 
  --shadow-lg:0 8px 24px rgba(26,24,20,.14);
  --shadow-xl:0 16px 48px rgba(26,24,20,.18);
  --shadow-focus-primary:0 0 0 3px rgba(27,79,138,.28);
  --shadow-focus-accent:0 0 0 3px rgba(200,134,10,.30);
  --transition-fast:150ms ease; 
  --transition-base:250ms ease; 
  --transition-slow:400ms ease;
  --transition-color:180ms ease; 
  --transition-transform:300ms ease-out; 
  --transition-opacity:200ms ease;
  --border-width:1px; 
  --border-width-md:1.5px; 
  --border-width-lg:2px;
  --color-bg:#F1EFEB; 
  --color-surface:#FAFAF8; 
  --color-surface-2:#ECEAE5;
  --color-border:#D8D4CC; 
  --color-text-primary:#1A1814; 
  --color-text-secondary:#5C5650;
  --color-text-muted:#9C9790; 
  --color-primary:#0047AB; 
  --color-primary-hover:#163E6E;
  --color-primary-tint:#E8F1FB; 
  --color-accent:#FFD700; 
  --color-accent-hover:#C9A900;
  --color-accent-tint:#FEF3DC; 
  --color-warm-black:#1A1814; 
  --color-linen-light:#FAFAF8;
  --color-success:#1A7A4A; 
  --color-success-bg:#EDFAF3;
  --color-error:#C0392B; 
  --color-error-bg:#FDF2F1;
  --nav-height:80px;
}
[data-theme="dark"] {
  --color-bg:#161412; 
  --color-surface:#231F1B; 
  --color-surface-2:#2E2924;
  --color-border:#3D3730; 
  --color-text-primary:#F0EDE8; 
  --color-text-secondary:#9C9790;
  --color-text-muted:#6B645E; 
  --color-primary:#4A80D4; 
  --color-primary-hover:#5F93E2;
  --color-primary-tint:rgba(27,79,138,.20); 
  --color-accent:#E09A12;
  --color-accent-hover:#F0AA18; 
  --color-accent-tint:rgba(200,134,10,.18);
  --color-linen-light:#F0EDE8; 
  --color-warm-black:#161412;
}