:root{
/* ── Elevation — every shadow on the site is charcoal 38,36,32 at low alpha,
      except sage-tinted button/featured shadows (79,107,76). ─────────────── */
--shadow-hairline:0 1px 3px rgba(38,36,32,0.05);   /* .path-card, .res-card resting */
--shadow-card-hover:0 10px 28px rgba(38,36,32,0.09);
--shadow-res-hover:0 10px 24px rgba(38,36,32,0.08);
--shadow-raised:0 10px 26px rgba(38,36,32,0.12);   /* .problem-item resting */
--shadow-raised-hover:0 16px 34px rgba(38,36,32,0.16);
--shadow-panel:0 14px 34px rgba(38,36,32,0.10);    /* .gc-panel */
--shadow-dropdown:0 14px 32px rgba(38,36,32,0.14);
--shadow-photo:0 20px 48px rgba(38,36,32,0.18);    /* .hero-photo */
--shadow-photo-sm:0 14px 36px rgba(38,36,32,0.12); /* .deb-photo */
--shadow-btn:0 2px 10px rgba(79,107,76,0.22);
--shadow-btn-hover:0 4px 16px rgba(79,107,76,0.3);
--shadow-featured:0 8px 26px rgba(79,107,76,0.16);
--shadow-featured-hover:0 14px 34px rgba(79,107,76,0.22);
--shadow-mobile-bar:0 -4px 16px rgba(0,0,0,0.14);
--ring-cta:inset 0 0 0 3px var(--sage-mid);

/* ── Motion — two durations, one easing. Nothing bounces. ─────────────────── */
--ease-default:ease; /* @kind other */
--ease-reveal:cubic-bezier(.2,.7,.3,1); /* @kind other */
--dur-fast:0.15s; /* @kind other */
--dur-base:0.2s; /* @kind other */
--dur-card:0.25s; /* @kind other */
--dur-panel:0.3s; /* @kind other */
--dur-reveal:0.7s; /* @kind other */

/* ── Interaction offsets ──────────────────────────────────────────────────── */
--lift-card:-3px;      /* translateY on card hover */
--lift-btn:-1px;
--press-scale:0.98; /* @kind other */

/* ── Blur / scrim ─────────────────────────────────────────────────────────── */
--blur-header:12px;
--scrim-feature:rgba(247,243,234,0.62);
--scrim-hero:linear-gradient(to right, var(--ivory) 20%, rgba(247,243,234,0.75) 45%, rgba(247,243,234,0.25) 70%);
}