/* ══════════════════════════════════════════════════════════════════
   PAGE TRANSITIONS, the colours only.
   The movement itself lives in page-transitions.js, driven element by element
   rather than through the cascade, because these pages carry a deep layer of
   !important overrides that a class toggle has to fight.

   A page declares the colour it dims to with --as-veil. The default is the app's
   own background, which is right everywhere inside it. The landing page is the
   one exception: its hero is night, so anything arriving at it or leaving it
   dims to night instead, and there is never a flash of cream over the photograph.
   ══════════════════════════════════════════════════════════════════ */
:root { --as-veil: var(--bg, #F7F5F0); --as-veil-landing: #0A0A0B; }
html:has(body.lp-body) { --as-veil: #0A0A0B; }