/* ==========================================================================
   SETTINGS · SHADOWS — there is no gloss here. Depth is letterpress: a faint
   deboss into the stock, a hairline lift off the page. Never a soft UI drop
   shadow, never a glossy bevel. All values stay inside the warm-ink family.

   Depth is the one thing dark mode can't auto-flip: a drop shadow built from
   --ink would, when ink inverts to cream, glow instead of recede. So every
   value below reads --shadow-tint (the shadow pigment) and --emboss-light (the
   letterpress highlight), both tokenised in settings and re-tinted by
   _theme-dark.css. In daylight they ARE --ink and --quire, so nothing changes.
   ========================================================================== */

:root {
  --shadow-none: none;

  /* A sheet lifted just off the page — for cards on the deckle ground */
  --shadow-raised:
    0 1px 0 var(--rule-faint),
    0 14px 28px -22px color-mix(in oklab, var(--shadow-tint) 30%, transparent);

  /* The reading sheet: a printed page resting on the desk */
  --shadow-page:
    0 1px 0 color-mix(in oklab, var(--shadow-tint) 6%, transparent),
    0 26px 50px -34px color-mix(in oklab, var(--shadow-tint) 34%, transparent);

  /* Letterpress DEBOSS — the imprimatur, pressed wells, the active key.
     A dark top-inset + a light bottom-inset reads as ink pushed into stock. */
  --shadow-deboss:
    inset 0 1px 2px color-mix(in oklab, var(--shadow-tint) 16%, transparent),
    inset 0 -1px 0 color-mix(in oklab, var(--emboss-light) 70%, transparent);

  /* Letterpress EMBOSS — the inverse, for a raised seal */
  --shadow-emboss:
    inset 0 1px 0 color-mix(in oklab, var(--emboss-light) 80%, transparent),
    inset 0 -1px 2px color-mix(in oklab, var(--shadow-tint) 12%, transparent);

  /* Popover / sidenote-on-mobile — a floated offprint */
  --shadow-pop:
    0 2px 0 var(--rule),
    0 18px 40px -20px color-mix(in oklab, var(--shadow-tint) 40%, transparent);

  /* The focus halo, expressed as a ring shadow (paired with outline) */
  --shadow-focus: 0 0 0 3px var(--focus-halo);
}