/* Elevation. Almost none. Cards are defined by a warm hairline and a wide,
   very low-opacity shadow — a sheet of paper lying on paper, not a floating
   panel. In dark mode shadows are dropped entirely; surfaces separate by value. */

:root {
  --shadow-none: none;
  --shadow-card: 0 1px 2px rgb(32 30 26 / 0.03), 0 6px 20px -8px rgb(32 30 26 / 0.06);
  /* The calm card shadow, kept reachable per theme so fixed content can pin to
     it without a descendant selector. */
  --shadow-card-calm: 0 1px 2px rgb(32 30 26 / 0.03), 0 6px 20px -8px rgb(32 30 26 / 0.06);
  --shadow-lifted: 0 2px 4px rgb(32 30 26 / 0.04), 0 14px 32px -12px rgb(32 30 26 / 0.10);
  --shadow-inset-track: inset 0 0 0 1px rgb(32 30 26 / 0.04);
  --shadow-control: none;   /* the pressable edge under a button, at arcade level */

  --overlay-scrim: rgb(32 30 26 / 0.28);
  --blur-sheet: saturate(1.05) blur(18px); /* @kind other */
}

.theme-dark,
[data-theme="dark"] {
  --shadow-card: none;
  --shadow-card-calm: none;
  --shadow-lifted: 0 12px 34px -16px rgb(0 0 0 / 0.7);
  --shadow-inset-track: inset 0 0 0 1px rgb(255 255 255 / 0.04);
  --overlay-scrim: rgb(0 0 0 / 0.5);
}