/**
 * 阴影 · Elevation Tokens
 * 来源：Figma Aboat Design – Elevation (node 18645:28417)
 * E100–E500，亮色/暗色双模式，用于卡片、弹层、浮层层级
 */

:root,
[data-theme="light"] {
  /* 亮色模式 · 外阴影 */
  --shadow-elevation-100: 0 0 0.5px rgba(0,0,0,0.3), 0 1px 3px rgba(0,0,0,0.15);
  --shadow-elevation-200: 0 0 0.5px rgba(0,0,0,0.18), 0 3px 8px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.1);
  --shadow-elevation-300: 0 0 0.5px rgba(0,0,0,0.15), 0 5px 12px rgba(0,0,0,0.13), 0 1px 3px rgba(0,0,0,0.1);
  --shadow-elevation-400: 0 0 0.5px rgba(0,0,0,0.12), 0 10px 16px rgba(0,0,0,0.12), 0 2px 5px rgba(0,0,0,0.15);
  --shadow-elevation-500: 0 0 0.5px rgba(0,0,0,0.08), 0 10px 24px rgba(0,0,0,0.18), 0 2px 5px rgba(0,0,0,0.15);
}

[data-theme="dark"] {
  /* 暗色模式 · 外阴影 + 内边缘高光（卡片浮起感） */
  --shadow-elevation-100: 0 0 0.5px rgba(0,0,0,0.5), 0 1px 3px rgba(0,0,0,0.4), inset 0 0.5px 0 rgba(255,255,255,0.1), inset 0 0 0.5px rgba(255,255,255,0.3);
  --shadow-elevation-200: 0 3px 8px rgba(0,0,0,0.35), 0 1px 3px rgba(0,0,0,0.5), inset 0 0.5px 0 rgba(255,255,255,0.08), inset 0 0 0.5px rgba(255,255,255,0.3);
  --shadow-elevation-300: 0 5px 12px rgba(0,0,0,0.35), 0 1px 3px rgba(0,0,0,0.5), inset 0 0.5px 0 rgba(255,255,255,0.08), inset 0 0 0.5px rgba(255,255,255,0.3);
  --shadow-elevation-400: 0 10px 16px rgba(0,0,0,0.35), 0 2px 5px rgba(0,0,0,0.35), inset 0 0.5px 0 rgba(255,255,255,0.08), inset 0 0 0.5px rgba(255,255,255,0.35);
  --shadow-elevation-500: 0 10px 24px rgba(0,0,0,0.45), 0 3px 5px rgba(0,0,0,0.35), inset 0 0.5px 0 rgba(255,255,255,0.08), inset 0 0 0.5px rgba(255,255,255,0.35);
}

/* ─────────────────────────────────────────────────────────────────────────
   Aboat 软阴影 · 6 档（来源 Figma Aboat 23169:104673，L4 为插值）
   双层软阴影、低不透明度，亮色背景适用
───────────────────────────────────────────────────────────────────────── */
:root,
[data-theme="light"],
[data-theme="dark"] {
  --shadow-aboat-soft-1: 0 4px 16px 0 rgba(0,0,0,0.05);
  --shadow-aboat-soft-2: 0 4px 6px -4px rgba(0,0,0,0.1), 0 10px 15px -3px rgba(0,0,0,0.1);
  --shadow-aboat-soft-3: 0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1);
  /* L4：L3(8px 10px) 与 L6(12px 14px) 中间 → 10px 12px */
  --shadow-aboat-soft-4: 0 10px 12px -6px rgba(0,0,0,0.1), 0 20px 25px -5px rgba(0,0,0,0.1);
  --shadow-aboat-soft-5: 0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1);
  --shadow-aboat-soft-6: 0 12px 14px -6px rgba(0,0,0,0.1), 0 20px 25px -5px rgba(0,0,0,0.1);
}