/* ============================================================
   DeepSorter 设计令牌（Design Tokens）
   统一品牌色板 / 圆角 / 间距 / 阴影。
   页面通过 <link> 引入后，内联 <style> 中可用 var(--ds-*)。
   品牌色对齐线上标准：深蓝黑 #0A1A26 + 青蓝 #0E7490 + 亮青 #19C9C2
   ============================================================ */
:root {
  --ds-cyan: #19C9C2;
  --ds-cyan-deep: #0E7490;
  --ds-cyan-glow: rgba(14, 116, 144, .12);
  --ds-orange: #B54708;
  --ds-blue: #0E7490;
  --ds-bg-1: #0A1A26;
  --ds-bg-2: #0E2233;
  --ds-bg-3: #0F2A3D;
  --ds-ink: #132033;
  --ds-text: #ffffff;
  --ds-text-dim: rgba(255, 255, 255, .6);
  --ds-text-mute: rgba(255, 255, 255, .48);
  --ds-text-faint: rgba(255, 255, 255, .32);
  --ds-glass: rgba(255, 255, 255, .05);
  --ds-glass-border: rgba(255, 255, 255, .12);
  --ds-cyan-border: rgba(25, 201, 194, .2);
  --ds-radius-sm: 8px;
  --ds-radius: 12px;
  --ds-radius-lg: 18px;
  --ds-radius-pill: 999px;
  --ds-gap-xs: 6px;
  --ds-gap-sm: 10px;
  --ds-gap: 16px;
  --ds-gap-lg: 22px;
  --ds-shadow: 0 20px 60px rgba(0, 0, 0, .4);
  --ds-shadow-cyan: 0 10px 26px rgba(25, 201, 194, .25);
  --ds-fs-sm: 12px;
  --ds-fs: 14px;
  --ds-fs-md: 16px;
  --ds-fs-lg: 20px;
  --ds-fs-xl: 32px;
}
[data-theme="dark"] { color-scheme: dark; }