/* site/css/tokens.css — PurePlay 设计令牌（唯一定义处） …依据 docs/DESIGN.md v1.1 */
:root {
  color-scheme: dark;

  /* 4.1 中性色阶（冷灰 hue≈220） */
  --gray-50: #f2f5fa;
  --gray-100: #e2e8f2;
  --gray-200: #c9d2e0;
  --gray-300: #a3b0c4;
  --gray-400: #78869e;
  --gray-500: #57637a;
  --gray-600: #3f4a60;   /* 图标禁用 */
  --gray-700: #2c3547;   /* 强边框 / 滑块轨道 / 缓冲段 */
  --gray-800: #1d2433;   /* 弱边框 / tooltip 底 */
  --gray-850: #151c28;   /* 浮层 / 输入框底 */
  --gray-900: #10151f;   /* 卡片 / 面板底 */
  --gray-950: #0a0e16;   /* 页面底 */

  /* 4.2 基底与边框 */
  --bg-page: var(--gray-950);
  --bg-deep: #06090f;                 /* 画布 letterbox 黑，比页面更黑一档 */
  --bg-surface: var(--gray-900);
  --bg-raised: var(--gray-850);
  --bg-overlay: rgba(6, 9, 15, .72);
  --bg-hover: rgba(255, 255, 255, .06);
  --bg-active: rgba(255, 255, 255, .10);
  --border-subtle: var(--gray-800);
  --border-strong: var(--gray-700);
  --border-focus: var(--accent);

  /* 4.3 文字 */
  --text-primary: #e6ebf4;
  --text-secondary: #a9b4c8;
  --text-muted: #6f7b93;
  --text-disabled: #49536a;
  --text-on-accent: #071021;

  /* 4.4 品牌强调 */
  --accent: #47a3ff;
  --accent-hover: #6ab5ff;
  --accent-active: #3087ee;
  --accent-dim: rgba(71, 163, 255, .14);
  --accent-border: rgba(71, 163, 255, .42);
  --link: var(--accent-hover);

  /* 4.5 状态色（主色 + dim 底 + bd 描边三件套） */
  --status-success: #4ade80;  --success-dim: rgba(74,222,128,.13);  --success-bd: rgba(74,222,128,.38);
  --status-warning: #fbbf24;  --warning-dim: rgba(251,191,36,.12);  --warning-bd: rgba(251,191,36,.38);
  --status-error: #f87171;    --error-dim: rgba(248,113,113,.13);   --error-bd: rgba(248,113,113,.42);
  /* info 不单独设色：一律复用 accent 族（--accent/--accent-dim/--accent-border） */
  --status-live: #ff5c5c;     --live-dim: rgba(255,92,92,.14);      --live-bd: rgba(255,92,92,.42);
  --status-neutral: #8b97ad;  --neutral-dim: rgba(139,151,173,.12); --neutral-bd: rgba(139,151,173,.35);
  --danger-solid: #e5484d;
  --danger-solid-hover: #f2555a;
  --text-on-danger: #ffffff;          /* 实心危险钮文字 */
  --fade-mask: #000000;               /* 页签滚动两端渐隐遮罩用不透明色 */

  /* 4.6 字体 */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB",
               "Microsoft YaHei", sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas,
               "Liberation Mono", monospace;
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-md: 14px;
  --fs-lg: 16px;
  --fs-xl: 20px;
  --fs-2xl: 24px;
  --lh-body: 1.6;
  --lh-head: 1.35;
  --fw-medium: 500;
  --fw-semibold: 600;

  /* 4.7 几何：间距 */
  --sp-0: 0;
  --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: 48px;
  --sp-10: 64px;

  /* 圆角 */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 999px;

  /* 布局尺寸 */
  --topbar-h: 52px;
  --controls-h: 56px;
  --panel-w: 320px;
  --content-max: 1440px;
  --ctl-icon: 36px;
  --ctl-gap: 8px;

  /* 4.8 层级 / 动效 */
  --z-nav: 100;
  --z-menu: 200;
  --z-toast: 300;
  --z-tooltip: 400;
  --z-fs-ui: 500;
  --dur-fast: 120ms;
  --dur-base: 200ms;
  --dur-slow: 320ms;
  --ease-out: cubic-bezier(0, 0, .2, 1);
  --ease-standard: cubic-bezier(.2, 0, 0, 1);

  /* 阴影（暗色以描边为主、投影为辅） */
  --shadow-1: 0 1px 2px rgba(0, 0, 0, .4);
  --shadow-2: 0 4px 16px rgba(0, 0, 0, .45);
  --shadow-focus-ring: 0 0 0 2px var(--bg-page), 0 0 0 4px var(--accent);
}