/* ------------------------------------------------------------------
   ELEVATION
   Institutional, not soft-UI. Depth comes from rules and from flat
   offset blocks, not from blur. Shadows are reserved for genuinely
   floating layers (dialog, dropdown) and stay neutral-grey, never
   tinted or coloured.
   ------------------------------------------------------------------ */
:root{
  --shadow-none:none;
  --shadow-offset:6px 6px 0 var(--odp-black);        /* hard editorial offset */
  --shadow-offset-accent:6px 6px 0 var(--odp-blue);
  --shadow-raised:0 1px 2px rgba(0,0,0,.08);
  --shadow-overlay:0 12px 32px rgba(0,0,0,.16);
  --shadow-modal:0 24px 64px rgba(0,0,0,.24);

  --blur-scrim:blur(8px); /* @kind other */
  --scrim-image:linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,.28) 45%,rgba(0,0,0,0) 100%); /* @kind other */
}