@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root {
  --cp: #2F5A46;
  --cs: #6E8F76;
  --ca: #D9C97A;
  --cah: #E0D48B;
  --ca2: #8C6B58;
  --cbg: #F3F7F4;
  --cbga: #E6EFE9;
  --cbc: #C3D1C8;
  --ct: #26302C;
  --cm: #6B7D72;
  --cw: #ffffff;

  --gh: linear-gradient(150deg, #2F5A46 0%, #6E8F76 60%, #C3D1C8 100%);
  --gl: linear-gradient(180deg, #F3F7F4 0%, #E6EFE9 100%);
  --ga: linear-gradient(135deg, #D9C97A 0%, #E8DFA3 100%);
  --gf: linear-gradient(135deg, #6E8F76 0%, #A5B9AA 100%);
  --gw2: linear-gradient(135deg, #8C6B58 0%, #A8846F 100%);
  --ov: rgba(47,90,70,.32);
  --ovd: rgba(38,48,44,.58);
  --ovl: rgba(243,247,244,.94);

  --ff: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --ffm: 'IBM Plex Mono', 'Courier New', monospace;

  --rr: 4px;
  --rm: 10px;
  --rl: 18px;
  --rx: 28px;
  --rp: 9999px;

  --s1: 0 2px 8px rgba(47,90,70,.07);
  --s2: 0 8px 32px rgba(47,90,70,.11);
  --s3: 0 20px 64px rgba(47,90,70,.16);
  --sa: 0 8px 24px rgba(217,201,122,.28);

  --e: cubic-bezier(.4,0,.2,1);
  --eo: cubic-bezier(0,0,.2,1);
  --t: .3s cubic-bezier(.4,0,.2,1);
  --ts: .6s cubic-bezier(.4,0,.2,1);
  --tx: 1s cubic-bezier(.4,0,.2,1);

  --mw: 1200px;
  --mww: 1440px;
  --gap: clamp(20px, 4vw, 48px);
  --sec: clamp(80px, 10vw, 140px);
  --hh: 72px;
}