/* ── Elevation ───────────────────────────────────────────────────────────
   The brand separates by hairline and colour, not by shadow. Shadows exist
   only for things that genuinely float (sheets, dropdowns, phone mockups).
   Never a coloured or glowing shadow.
   ───────────────────────────────────────────────────────────────────────── */
:root {
  --shadow-none: none;
  --shadow-hairline: inset 0 0 0 1px var(--border-hairline);
  --shadow-raised: 0 1px 2px rgba(17, 17, 17, .05), 0 2px 8px rgba(17, 17, 17, .05);
  --shadow-sheet: 0 8px 32px rgba(17, 17, 17, .10);
  --shadow-float: 0 18px 48px rgba(17, 17, 17, .18);

  /* Protection gradient for type sitting on photography */
  --scrim-bottom: linear-gradient(to top, rgba(17,17,17,.72) 0%, rgba(17,17,17,.35) 40%, rgba(17,17,17,0) 100%); /* @kind other */
  --scrim-full: linear-gradient(to bottom, rgba(17,17,17,.45), rgba(17,17,17,.45)); /* @kind other */

  /* Glass — app sheets & sticky nav only, never decoratively */
  --blur-nav: saturate(140%) blur(14px); /* @kind other */
  --glass-cream: rgba(250, 245, 241, .82);
  --glass-green: rgba(40, 102, 89, .78);
}