/*
 * 从 yescaptcha-docs 的 site/src/design/tokens.css 原样复制（2026-10-16），改设计时两边一起改。
 * YesCaptcha 设计变量（docs/design.md，方案 A"留白"，DOC-029）。和 Starlight 无关，以后官网直接复用。
 * 深色是默认（跟 Starlight 一致：:root 为深色，[data-theme='light'] 为浅色），
 * 主题由 Starlight 的主题切换按系统偏好或用户选择设置 data-theme。
 * 中性色略偏暖，和琥珀协调；琥珀只用在 Logo、当前位置和价格等少量强调上，浅色主题的按钮用深色。
 * 所有文字和背景的组合满足 WCAG AA（正文 ≥ 4.5:1）。
 */
:root {
  /* 品牌 */
  --yc-amber: #f8bd7a; /* Logo 原色 */
  --yc-amber-500: #f59e0b;
  --yc-amber-600: #d97706;
  --yc-amber-700: #b45309; /* 浅色背景上的链接色：对白底 5.0:1 */
  --yc-ink: #1c1a17; /* 浅色主题的正文和按钮 */

  /* 字体：中文用系统字体；英文 Inter、代码 Geist Mono 自托管（Geist Mono 笔画细，和 Inter 搭） */
  --yc-font-sans: 'Inter', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans SC', 'Noto Sans JP', 'Noto Sans KR',
    'Noto Sans Devanagari', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --yc-font-mono: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;

  /* 尺寸 */
  --yc-radius-sm: 6px;
  --yc-radius: 10px;
  --yc-radius-lg: 16px;
  --yc-space-1: 0.25rem;
  --yc-space-2: 0.5rem;
  --yc-space-3: 0.75rem;
  --yc-space-4: 1rem;
  --yc-space-6: 1.5rem;
  --yc-space-8: 2rem;
  --yc-space-12: 3rem;
  --yc-content-width: 41rem; /* 正文最宽约 656px（Mintlify 约 650px） */

  /* 语义色：深色 */
  --yc-bg: #0e0e0d;
  --yc-side: #121211; /* 侧栏 */
  --yc-surface: #181816;
  --yc-surface-2: #201f1d;
  --yc-code: #141413; /* 代码块底色 */
  --yc-code-inline: rgb(239 237 232 / 0.07); /* 行内代码底色：很淡 */
  --yc-scroll-thumb: #45423d; /* 悬停时的滚动条 */
  --yc-grid: rgb(248 189 122 / 0.07); /* 首页卡片和第一屏的淡网格 */
  --yc-border: #2a2825;
  --yc-text: #efede8;
  --yc-text-muted: #a39d93;
  --yc-accent: var(--yc-amber); /* 链接、当前位置 */
  --yc-accent-strong: #ffd8a8;
  --yc-accent-bg: #1d1710;
  --yc-accent-line: rgb(248 189 122 / 0.22); /* 提示框的细边 */
  --yc-brand: var(--yc-amber); /* Logo、当前页的细线 */
  --yc-btn: var(--yc-amber); /* 主按钮 */
  --yc-btn-text: var(--yc-ink);
  --yc-on-accent: var(--yc-ink);
  --yc-success: #4ade80;
  --yc-success-bg: #12301f;
  --yc-warning: #fbbf24;
  --yc-warning-bg: #2e240c;
  --yc-warning-line: rgb(251 191 36 / 0.25);
  --yc-danger: #f87171;
  --yc-danger-bg: #351616;
  --yc-danger-line: rgb(248 113 113 / 0.25);
  --yc-shadow: 0 1px 2px rgb(0 0 0 / 0.4), 0 8px 24px rgb(0 0 0 / 0.25);
}

:root[data-theme='light'] {
  --yc-bg: #ffffff;
  --yc-side: #fbfaf8;
  --yc-surface: #f6f5f2;
  --yc-surface-2: #efede9;
  --yc-code: #ffffff; /* 代码块底色：GitHub 浅色主题的注释色在白底上才够 4.5:1 */
  --yc-code-inline: rgb(28 26 23 / 0.045);
  --yc-scroll-thumb: #d6d3ce;
  --yc-grid: rgb(217 119 6 / 0.09);
  --yc-border: #ebe8e3;
  --yc-text: var(--yc-ink);
  --yc-text-muted: #5f5a52;
  --yc-accent: var(--yc-amber-700);
  --yc-accent-strong: #92400e;
  --yc-accent-bg: #fff8ef;
  --yc-accent-line: #fbdcb2;
  --yc-brand: #f2a94e;
  --yc-btn: var(--yc-amber-700); /* 品牌色实心按钮：白字 5.0:1 */
  --yc-btn-text: #ffffff;
  --yc-on-accent: var(--yc-ink);
  --yc-success: #15803d;
  --yc-success-bg: #ecfdf3;
  --yc-warning: #a16207;
  --yc-warning-bg: #fefce8;
  --yc-warning-line: #fde68a;
  --yc-danger: #b91c1c;
  --yc-danger-bg: #fef2f2;
  --yc-danger-line: #fecaca;
  --yc-shadow: 0 1px 2px rgb(28 26 23 / 0.05), 0 8px 24px rgb(28 26 23 / 0.06);
}