:root{
  /* Shadow is used sparingly and only ever as black on the dark ground —
     never a tinted or colored shadow. Light sections use hairlines instead. */
  --ehr-shadow-sm:0 4px 18px rgba(0,0,0,.5);    /* dragged handle, small chip */
  --ehr-shadow-md:0 26px 60px rgba(0,0,0,.6);   /* mega-menu dropdown */
  --ehr-shadow-lg:0 30px 70px rgba(0,0,0,.5);   /* the hero estimator card */

  /* Glow — only on the blue light-streak motif, never on UI. */
  --ehr-glow-blue:0 0 26px rgba(0,90,252,.9);

  /* Scrim over photography. Always a hard directional wash to the left so
     headline copy keeps 4.5:1 while the image stays legible on the right. */
    --ehr-scrim-hero:linear-gradient(105deg,rgba(11,13,16,.96) 0%,rgba(11,13,16,.88) 46%,rgba(11,13,16,.55) 78%,rgba(11,13,16,.40) 100%); /* @kind other */
  --ehr-scrim-panel:rgba(11,13,16,.92);

  /* Glass — the sticky header only. Nothing else blurs. */
  --ehr-glass-bg:rgba(20,23,27,.96);
  --ehr-glass-blur:blur(10px); /* @kind other */

  /* The skewed light-streak motif lifted from the business card. */
  --ehr-streak-skew:-21deg; /* @kind other */
    --ehr-streak-fill:linear-gradient(180deg,rgba(0,90,252,.40),rgba(0,90,252,0) 74%); /* @kind other */
    --ehr-streak-edge:linear-gradient(180deg,#4D8BFF,rgba(77,139,255,0) 72%); /* @kind other */
}