/*
 * FivesBot 敏感页设计 token（Story 23.8 定形件 3 · 纯 token 零选择器样式 · 变量名 = shadcn 名 · 值 = fivesbot-web/packages/ui/src/tokens.css
 * 先到者逐变量相等 · 子集律 = 唯定义 auth.css 用到的变量 · 对账门 SsrDesignTokenParityGateTest 咬 · 改值 = 先改 DESIGN.md 再改两实现）。
 * 四块媒体查询形（零 JS · 系统偏好即真值）：:root 浅 · prefers-color-scheme: dark 深 · prefers-contrast: more 高对比〔唯替换 border /
 * muted-foreground〕· 两者合取。对账映射 = :root ↔ :root · 深 ↔ [data-theme='dark'] · 高对比 ↔ [data-contrast='high'] · 合取 ↔ 合取。
 */
:root {
  --background: #f5f6f8;
  --foreground: #1c2330;
  --card: #ffffff;
  --card-foreground: #1c2330;
  --border: #d8dce3;
  --muted: #eef0f4;
  --muted-foreground: #656e7e;
  --primary: #2456c8;
  --primary-foreground: #ffffff;
  --destructive: #c8362e;
  --destructive-foreground: #ffffff;
  --warning: #8f6700;
  --warning-bg: #faf3dd;
  --success: #0a7d43;
  --success-bg: #e0f3e9;
  --alarm-bg: #fdeaea;
  --alarm-text: #a11c14;
  --secondary: #eef0f4;
  --secondary-foreground: #1c2330;
  --input: #d8dce3;
  --ring: #2456c8;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --font-sans: -apple-system, 'Segoe UI', 'Helvetica Neue', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, 'Cascadia Mono', monospace;
  --font-size-body: 14px;
  --font-size-table: 13px;
  --font-size-heading-page: 18px;
  --font-size-heading-card: 14px;
  --font-size-mono: 13px;
  --spacing-gutter: 16px;
  --spacing-card-pad: 12px;
  --spacing-section-gap: 12px;
  --spacing-touch-target: 44px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0e1117;
    --foreground: #dfe4ec;
    --card: #161b24;
    --card-foreground: #dfe4ec;
    --border: #2a3140;
    --muted: #222836;
    --muted-foreground: #8b94a6;
    --primary: #6f9dff;
    --primary-foreground: #0a1a2a;
    --destructive: #f0655c;
    --destructive-foreground: #1a0a08;
    --warning: #e0b341;
    --warning-bg: #33290f;
    --success: #35c47f;
    --success-bg: #12301f;
    --alarm-bg: #3a1512;
    --alarm-text: #ffb0a8;
    --secondary: #222836;
    --secondary-foreground: #dfe4ec;
    --input: #2a3140;
    --ring: #6f9dff;
  }
}

@media (prefers-contrast: more) {
  :root {
    --border: #7f8694;
    --muted-foreground: #4b5363;
  }
}

@media (prefers-color-scheme: dark) and (prefers-contrast: more) {
  :root {
    --border: #667087;
    --muted-foreground: #b4bcc9;
  }
}