/* ─────────────────────────────────────────────────────────────────────────
   Shadow tokens — mirrors "Shadows" Figma effect styles
   Shadow layer colors are defined in semantic.css under Colors/Effects/Shadows
   and resolve to transparent in dark mode.
   ───────────────────────────────────────────────────────────────────────── */

:root {
  --shadow-xs:
    0px 1px 2px var(--shadow-color-xs);

  --shadow-xs-skeuomorphic:
    0px 1px 2px     0px  var(--shadow-color-xs),
    inset 0px -2px  0px  0px var(--shadow-color-skeuomorphic-inset-01),
    inset 0px  0px  0px  1px var(--shadow-color-skeuomorphic-inset-02);

  --shadow-sm:
    0px 1px 2px var(--shadow-color-sm-01),
    0px 1px 3px var(--shadow-color-sm-02);

  --shadow-md:
    0px 2px 4px var(--shadow-color-md-02),
    0px 4px 6px var(--shadow-color-md-01);

  --shadow-lg:
    0px 2px  2px  var(--shadow-color-lg-03),
    0px 4px  6px  var(--shadow-color-lg-02),
    0px 12px 16px var(--shadow-color-lg-01);

  --shadow-xl:
    0px 3px  3px  var(--shadow-color-xl-03),
    0px 8px  8px  var(--shadow-color-xl-02),
    0px 20px 24px var(--shadow-color-xl-01);

  --shadow-2xl:
    0px 4px  4px  var(--shadow-color-2xl-02),
    0px 24px 48px var(--shadow-color-2xl-01);

  --shadow-3xl:
    0px 5px  5px  var(--shadow-color-3xl-02),
    0px 32px 64px var(--shadow-color-3xl-01);
}