:root {
  color-scheme: light;
  --bg: #f7f6f2;
  --bgSoft: #f5fafa;
  --surface: #fff;
  --text: #121212;
  --textMuted: #4a4a4a;
  --textNav: #2c2c2c;
  --heading: #01312f;
  --accent: #055250;
  --accentHover: #0d6d6e;
  --border: #ebebeb;
  --navBg: rgba(247, 246, 242, 0.9);
  --heroRing: transparent;
  --shadowCard: 0 14px 38px rgba(18, 18, 18, 0.08);
  --shadowHover: 0 18px 40px rgba(18, 18, 18, 0.09);
  --shadowNav: 0 6px 20px rgba(18, 18, 18, 0.07);
  --footerBg: #01312f;
  --footerText: rgba(255, 255, 255, 0.72);
  --footerMuted: rgba(255, 255, 255, 0.66);
  --footerLink: rgba(255, 255, 255, 0.84);
  --btnOrange: #c05108;
  --btnOrangeHover: #974006;
  --onAccent: #fff;
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --bg: #0c1413;
    --bgSoft: #101c1b;
    --surface: #162422;
    --text: #f3f1eb;
    --textMuted: #c5c3bc;
    --textNav: #e4e2dc;
    --heading: #e8f3f2;
    --accent: #7ec4c2;
    --accentHover: #a6dcda;
    --border: #2a3d3b;
    --navBg: rgba(12, 20, 19, 0.92);
    --heroRing: rgba(255, 255, 255, 0.08);
    --shadowCard: 0 14px 38px rgba(0, 0, 0, 0.35);
    --shadowHover: 0 18px 40px rgba(0, 0, 0, 0.45);
    --shadowNav: 0 6px 20px rgba(0, 0, 0, 0.35);
    --footerBg: #071110;
    --footerText: rgba(243, 241, 235, 0.72);
    --footerMuted: rgba(243, 241, 235, 0.58);
    --footerLink: rgba(243, 241, 235, 0.88);
  }
}