:root{
  /* Shadows are tinted with the brand ink, never neutral black */
  --shadow-xs:0 1px 2px rgba(11,47,56,.08);
  --shadow-sm:0 2px 6px -1px rgba(11,47,56,.10);
  --shadow-md:0 8px 20px -6px rgba(11,47,56,.16);
  --shadow-lg:0 20px 44px -14px rgba(11,47,56,.24);
  --shadow-xl:0 32px 72px -22px rgba(11,47,56,.30);
  --shadow-pill:0 10px 24px -10px rgba(11,47,56,.42);
  --shadow-inset-hi:inset 0 1px 0 rgba(255,255,255,.35);
  --shadow-focus:0 0 0 3px rgba(0,168,194,.45);

  /* Protection gradients — text sits on photography, never unprotected */
  --scrim-left:linear-gradient(90deg,rgba(6,33,42,.94) 0%,rgba(6,33,42,.72) 38%,rgba(6,33,42,0) 72%); /* @kind color */
  --scrim-bottom:linear-gradient(180deg,rgba(6,33,42,0) 0%,rgba(6,33,42,.55) 55%,rgba(6,33,42,.92) 100%); /* @kind color */
  --scrim-full:linear-gradient(180deg,rgba(12,36,20,.55) 0%,rgba(6,33,42,.75) 100%); /* @kind color */

  --gradient-petrol:linear-gradient(135deg,#0B2F38 0%,#003A46 55%,#0C2414 100%); /* @kind color */
  --gradient-teal:linear-gradient(135deg,#64BCCC 0%,#37899B 100%); /* @kind color */
  --gradient-lime:linear-gradient(135deg,#98BC33 0%,#6B8C1C 100%); /* @kind color */
  --gradient-hairline:linear-gradient(90deg,rgba(100,188,204,0),rgba(100,188,204,.75),rgba(100,188,204,0)); /* @kind color */

  --blur-glass:14px; /* @kind spacing */
  --glass-light:rgba(255,255,255,.72);
  --glass-dark:rgba(6,33,42,.55);

  --overlay-hover-dark:rgba(11,47,56,.06);
  --overlay-press-dark:rgba(11,47,56,.12);
  --overlay-hover-light:rgba(255,255,255,.12);
}