@font-face{font-family:"DM Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url("../fonts/dm-sans-latin.woff2") format("woff2")}
@font-face{font-family:"Lora";font-style:normal;font-weight:600 700;font-display:swap;src:url("../fonts/lora-latin.woff2") format("woff2")}

:root{
  --forest-950:#04271c;
  --forest-900:#073b2a;
  --forest-800:#0b5138;
  --leaf-700:#18794e;
  --leaf-100:#ddebd8;
  --orange-700:#a94713;
  --orange-600:#c95c18;
  --orange-500:#e87524;
  --orange-100:#fbe4cf;
  --ivory:#f8f3e8;
  --paper:#fffdf8;
  --ink:#15251d;
  --muted:#52645a;
  --line:rgba(7,59,42,.17);
  --white:#fff;
  --shadow:0 22px 60px rgba(4,39,28,.15);
  --shadow-soft:0 18px 40px rgba(4,39,28,.08);
  --radius:16px;
  --radius-control:12px;
  --container:1220px;
  --header:84px;
  --font-display:"Lora",Georgia,serif;
  --font-body:"DM Sans",Arial,sans-serif;
  --ease-out:cubic-bezier(.16,1,.3,1);
  --type-hero:clamp(2.8rem,4.8vw,4.35rem);
  --type-section:clamp(2.15rem,3.6vw,3.45rem);
  --type-section-compact:clamp(2rem,3vw,3rem);
  --type-callout:clamp(2.35rem,4.1vw,3.8rem);
  --type-modal:clamp(2rem,3.5vw,3rem);
  --type-h3-sm:1.2rem;
  --type-h3:1.32rem;
  --type-h3-lg:1.45rem;
}