/* ============================================================
   AI 席位管家 v2 · 设计令牌
   所有颜色/间距/圆角/阴影只在这里定义；组件样式一律引用变量。
   主题：浅色默认；跟随系统深色；可用 <html data-theme="dark|light"> 强制。
   ============================================================ */
:root {
  color-scheme: light;

  /* 中性色（偏冷的石墨灰） */
  --c-bg: #f6f7f9;            /* 画布 */
  --c-surface: #ffffff;       /* 卡片/表格 */
  --c-surface-2: #f9fafb;     /* 次级表面：表头、输入框底 */
  --c-surface-3: #f1f3f5;     /* 悬停、分段控件底 */
  --c-border: #e6e8ec;
  --c-border-strong: #d5d9e0;
  --c-text: #16181d;
  --c-text-2: #4b5260;
  --c-text-3: #7d8594;
  --c-text-4: #a5acb8;

  /* 品牌色（靛蓝） */
  --c-brand: #4553d6;
  --c-brand-hover: #3845c4;
  --c-brand-soft: #eef0fd;
  --c-brand-ink: #2f3aa3;

  /* 语义色：实色 / 浅底 / 深字 */
  --c-ok: #1a9f5c;       --c-ok-soft: #e8f6ee;       --c-ok-ink: #11703f;
  --c-warn: #d98a06;     --c-warn-soft: #fdf4e3;     --c-warn-ink: #8f5a00;
  --c-danger: #dc3f45;   --c-danger-soft: #fdeeee;   --c-danger-ink: #a8262c;
  --c-info: #2f7bd8;     --c-info-soft: #eaf2fc;     --c-info-ink: #1d5aa6;
  --c-muted-soft: #f0f1f4; --c-muted-ink: #5d6472;

  /* 产品线 */
  --c-gpt: #10a37f;      --c-gpt-soft: #e6f6f1;      --c-gpt-ink: #0b7359;
  --c-claude: #c9674a;   --c-claude-soft: #fbefe9;   --c-claude-ink: #9a4428;

  /* 侧栏 */
  --c-side-bg: #fbfbfc;
  --c-side-active: #eceefb;
  --c-side-hover: #f1f2f5;

  /* 字体 */
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "SF Mono", ui-monospace, Menlo, Consolas, "Liberation Mono", monospace;
  --fs-xs: 11px;
  --fs-sm: 12px;
  --fs-md: 13px;
  --fs-base: 14px;
  --fs-lg: 16px;
  --fs-xl: 20px;
  --fs-2xl: 26px;

  /* 间距（4 的倍数） */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px; --sp-6: 24px; --sp-8: 32px;

  /* 圆角 / 阴影 */
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-pill: 999px;
  --shadow-1: 0 1px 2px rgba(16, 24, 40, .05);
  --shadow-2: 0 1px 3px rgba(16, 24, 40, .06), 0 4px 12px rgba(16, 24, 40, .05);
  --shadow-pop: 0 12px 32px rgba(16, 24, 40, .14), 0 2px 6px rgba(16, 24, 40, .06);

  /* 布局 */
  --side-w: 220px;
  --top-h: 56px;
  --content-max: 1440px;
  --focus-ring: 0 0 0 3px rgba(69, 83, 214, .25);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --c-bg: #0f1115;
    --c-surface: #171a20;
    --c-surface-2: #1c2027;
    --c-surface-3: #232831;
    --c-border: #2a2f38;
    --c-border-strong: #363c47;
    --c-text: #e8eaef;
    --c-text-2: #b3b9c5;
    --c-text-3: #858d9b;
    --c-text-4: #5f6673;
    --c-brand: #7482f0;
    --c-brand-hover: #8b97f4;
    --c-brand-soft: #232848;
    --c-brand-ink: #aab3f7;
    --c-ok: #34c07a;       --c-ok-soft: #13291e;       --c-ok-ink: #6ad9a0;
    --c-warn: #f0a92e;     --c-warn-soft: #2e2410;     --c-warn-ink: #f5c46e;
    --c-danger: #f06267;   --c-danger-soft: #331719;   --c-danger-ink: #f7989b;
    --c-info: #5a9bea;     --c-info-soft: #152338;     --c-info-ink: #93bdf2;
    --c-muted-soft: #232831; --c-muted-ink: #a4abb8;
    --c-gpt: #2cc59b;      --c-gpt-soft: #10271f;      --c-gpt-ink: #6fdcbc;
    --c-claude: #e08566;   --c-claude-soft: #2e1c15;   --c-claude-ink: #f0ab93;
    --c-side-bg: #13161b;
    --c-side-active: #242a45;
    --c-side-hover: #1d2128;
    --shadow-1: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-2: 0 1px 3px rgba(0, 0, 0, .35), 0 4px 12px rgba(0, 0, 0, .25);
    --shadow-pop: 0 12px 32px rgba(0, 0, 0, .5);
    --focus-ring: 0 0 0 3px rgba(116, 130, 240, .35);
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --c-bg: #0f1115;
  --c-surface: #171a20;
  --c-surface-2: #1c2027;
  --c-surface-3: #232831;
  --c-border: #2a2f38;
  --c-border-strong: #363c47;
  --c-text: #e8eaef;
  --c-text-2: #b3b9c5;
  --c-text-3: #858d9b;
  --c-text-4: #5f6673;
  --c-brand: #7482f0;
  --c-brand-hover: #8b97f4;
  --c-brand-soft: #232848;
  --c-brand-ink: #aab3f7;
  --c-ok: #34c07a;       --c-ok-soft: #13291e;       --c-ok-ink: #6ad9a0;
  --c-warn: #f0a92e;     --c-warn-soft: #2e2410;     --c-warn-ink: #f5c46e;
  --c-danger: #f06267;   --c-danger-soft: #331719;   --c-danger-ink: #f7989b;
  --c-info: #5a9bea;     --c-info-soft: #152338;     --c-info-ink: #93bdf2;
  --c-muted-soft: #232831; --c-muted-ink: #a4abb8;
  --c-gpt: #2cc59b;      --c-gpt-soft: #10271f;      --c-gpt-ink: #6fdcbc;
  --c-claude: #e08566;   --c-claude-soft: #2e1c15;   --c-claude-ink: #f0ab93;
  --c-side-bg: #13161b;
  --c-side-active: #242a45;
  --c-side-hover: #1d2128;
  --shadow-1: 0 1px 2px rgba(0, 0, 0, .3);
  --shadow-2: 0 1px 3px rgba(0, 0, 0, .35), 0 4px 12px rgba(0, 0, 0, .25);
  --shadow-pop: 0 12px 32px rgba(0, 0, 0, .5);
  --focus-ring: 0 0 0 3px rgba(116, 130, 240, .35);
}