/* Shadows, borders, motion. One shadow token does all the lifting: a 1px
   contact shadow plus a wide, high-offset ambient shadow. */
:root{
  --shadow:0 1px 2px rgba(12,34,48,.05), 0 18px 48px -20px rgba(12,34,48,.22);
  --shadow-action:0 10px 24px -10px var(--coral);
  --focus-ring:0 0 0 3px color-mix(in srgb,var(--aqua) 22%,transparent);
  --focus-outline:3px solid var(--aqua-bright); /* @kind other */
  --mark-ring:0 0 0 3px color-mix(in srgb,var(--aqua) 22%,transparent);

  --border:1px solid var(--line); /* @kind other */
  --border-input:1.5px solid var(--line); /* @kind other */

  --ease:ease; /* @kind other */
  --dur-fast:.15s; /* @kind other */
  --dur-base:.2s; /* @kind other */
  --dur-reveal:.6s; /* @kind other */
  --lift:translateY(-2px); /* @kind other */
  --reveal-from:translateY(16px); /* @kind other */

  --header-blur:saturate(1.4) blur(10px); /* @kind other */
  --header-bg:color-mix(in srgb, var(--paper) 82%, transparent);
  --caption-blur:blur(4px); /* @kind other */
  --caption-bg:rgba(6,18,32,.55);
}
@media (prefers-color-scheme:dark){
  :root{ --shadow:0 1px 2px rgba(0,0,0,.35), 0 22px 56px -22px rgba(0,0,0,.7); }
}
:root[data-theme="dark"]{ --shadow:0 1px 2px rgba(0,0,0,.35), 0 22px 56px -22px rgba(0,0,0,.7); }
:root[data-theme="light"]{ --shadow:0 1px 2px rgba(12,34,48,.05), 0 18px 48px -20px rgba(12,34,48,.22); }