@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,600;0,9..144,700;1,9..144,300;1,9..144,400&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=IBM+Plex+Mono:wght@300;400;500&display=swap');
@import url('https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700&display=swap');

:root {
  --c-primary: #426556;
  --c-secondary: #8FA88E;
  --c-accent: #BFA56A;
  --c-accent2: #7A6858;
  --c-bg: #F1F5F0;
  --c-bg2: #E5ECE5;
  --c-contrast: #5D7266;
  --c-text: #29312D;
  --c-text-muted: #4A5E52;
  --c-white: #FFFFFF;
  --c-overlay: rgba(66, 101, 86, 0.30);

  --grad-hero: linear-gradient(135deg, #426556 0%, #8FA88E 60%, #DCE5DD 100%);
  --grad-btn: linear-gradient(90deg, #BFA56A 0%, #D4C08E 100%);
  --grad-bg: linear-gradient(180deg, #F1F5F0 0%, #E5ECE5 100%);
  --grad-depth: linear-gradient(135deg, #426556 0%, #6F887B 100%);
  --grad-hero-overlay: linear-gradient(160deg, rgba(66,101,86,0.82) 0%, rgba(66,101,86,0.45) 55%, rgba(41,49,45,0.15) 100%);

  --f-head: 'Fraunces', 'Georgia', serif;
  --f-body: 'DM Sans', system-ui, sans-serif;
  --f-ui: 'Satoshi', 'Space Grotesk', system-ui, sans-serif;
  --f-accent: 'Cormorant Garamond', 'Georgia', serif;
  --f-mono: 'IBM Plex Mono', 'Courier New', monospace;

  --r-sm: 4px;
  --r-md: 10px;
  --r-lg: 18px;
  --r-xl: 28px;
  --r-full: 999px;

  --sh-sm: 0 2px 12px rgba(41, 49, 45, 0.07);
  --sh-md: 0 8px 32px rgba(41, 49, 45, 0.10);
  --sh-lg: 0 20px 60px rgba(41, 49, 45, 0.13);
  --sh-hover: 0 28px 80px rgba(66, 101, 86, 0.20);
  --sh-card: 0 4px 24px rgba(66, 101, 86, 0.09), 0 1px 4px rgba(66, 101, 86, 0.06);

  --w-max: 1200px;
  --w-sm: 900px;
  --w-xs: 640px;
  --w-pad: clamp(20px, 5vw, 60px);

  --t-fast: 0.2s ease;
  --t-base: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --t-slow: 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --t-spring: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);

  --hdr-h: 80px;

  --sec-pad-v: clamp(64px, 8vw, 120px);
  --sec-pad-v-sm: clamp(48px, 6vw, 80px);
}