/* ============================================================
   设计令牌 — 深海蓝图 Deep-sea Blueprint
   参见 /DESIGN.md
   ============================================================ */
:root {
  color-scheme: dark;

  /* 曲面 Surfaces —— 深蓝黑，偏向 235° 色相（子夜深海），非青色本身 */
  --bg:          oklch(0.130 0.018 235);
  --surface:     oklch(0.190 0.022 235);
  --surface-2:   oklch(0.245 0.026 235);
  --surface-3:   oklch(0.300 0.028 235);
  --border:      oklch(0.340 0.030 235 / 0.7);
  --border-soft: oklch(0.340 0.030 235 / 0.35);
  --border-strong: oklch(0.500 0.035 235 / 0.9);

  /* 文字 Ink */
  --ink:      oklch(0.960 0.010 220);
  --ink-2:    oklch(0.850 0.014 220);
  --muted:    oklch(0.700 0.018 220);
  --muted-2:  oklch(0.540 0.020 220);

  /* 主色 Primary —— 声呐 / 潜望镜青 */
  --primary:       oklch(0.720 0.130 175);
  --primary-dim:   oklch(0.560 0.115 175);
  --primary-deep:  oklch(0.320 0.075 175);
  --primary-wash:  oklch(0.720 0.130 175 / 0.14);
  --primary-wash-strong: oklch(0.720 0.130 175 / 0.28);

  /* 强调色 Accent —— 黄铜仪表 */
  --accent:       oklch(0.780 0.150 80);
  --accent-dim:   oklch(0.620 0.140 78);
  --accent-wash:  oklch(0.780 0.150 80 / 0.16);

  /* 状态色 Status（保留，不用于分类图表） */
  --status-good:     oklch(0.720 0.140 155);
  --status-warning:  oklch(0.800 0.150 85);
  --status-serious:  oklch(0.700 0.150 45);
  --status-critical: oklch(0.640 0.190 25);
  --status-good-wash:     oklch(0.720 0.140 155 / 0.16);
  --status-warning-wash:  oklch(0.800 0.150 85 / 0.16);
  --status-serious-wash:  oklch(0.700 0.150 45 / 0.16);
  --status-critical-wash: oklch(0.640 0.190 25 / 0.16);

  /* 分类色 Categorical — 5 门课程固定顺序（已通过 CVD / 对比度校验） */
  --cat-1: oklch(0.620 0.135 175); /* 舰船概论 */
  --cat-2: oklch(0.600 0.145 235); /* 舰艇静力学 */
  --cat-3: oklch(0.660 0.155 80);  /* 舰艇结构 */
  --cat-4: oklch(0.580 0.155 320); /* 舰艇总体技术 */
  --cat-5: oklch(0.600 0.165 25);  /* 军事海洋概论Ⅰ */

  /* 字体 */
  --font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", "Microsoft YaHei", system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;

  /* 间距 */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-7: 32px; --sp-8: 40px;
  --sp-9: 56px; --sp-10: 72px; --sp-11: 96px; --sp-12: 128px;

  /* 圆角 */
  --r-sm: 6px; --r-md: 10px; --r-lg: 16px; --r-xl: 22px; --r-2xl: 32px; --r-pill: 999px;

  /* 阴影 */
  --shadow-sm: 0 1px 2px oklch(0.02 0.01 235 / 0.4);
  --shadow-md: 0 8px 24px -8px oklch(0.02 0.01 235 / 0.55);
  --shadow-lg: 0 24px 64px -16px oklch(0.02 0.01 235 / 0.6);
  --shadow-xl: 0 40px 96px -24px oklch(0.02 0.01 235 / 0.7);
  --shadow-glow: 0 0 0 1px var(--primary-wash), 0 0 32px -4px var(--primary-wash-strong);

  /* 毛玻璃 Glass */
  --glass-bg: oklch(0.30 0.03 235 / 0.38);
  --glass-bg-strong: oklch(0.32 0.032 235 / 0.55);
  --glass-border: oklch(0.92 0.02 200 / 0.16);
  --glass-blur: blur(20px) saturate(1.6);

  /* 弥散渐变光斑（用于 hero / 大卡片背景） */
  --blob-primary: oklch(0.62 0.15 175 / 0.65);
  --blob-accent:  oklch(0.72 0.16 80 / 0.58);
  --blob-violet:  oklch(0.55 0.16 320 / 0.52);
  --blob-azure:   oklch(0.58 0.16 235 / 0.58);
  --blob-coral:   oklch(0.60 0.17 25 / 0.52);

  /* 缓动 */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);

  /* 层级 */
  --z-dropdown: 20; --z-sticky: 30; --z-modal-backdrop: 40;
  --z-modal: 50; --z-toast: 60; --z-tooltip: 70;

  --content-max: 1280px;
}

@media (prefers-reduced-motion: reduce) {
  :root { --ease-out-expo: linear; }
}