/* ═══════════════════════════════════════════════════════════════════════
 * MY Render Hub · Design Tokens · Single source of truth
 * ═══════════════════════════════════════════════════════════════════════
 *
 * 颜色 / 字体 / 间距 / 圆角的全站规范。所有 HTML 文件链接此文件作为
 * 兜底；个别页面可以在自己的 <style> 里 override（CSS cascade，inline
 * 后定义胜出）。
 *
 * 改 token = 改这里一处全站生效。
 * Brand reference: deep navy + soft blue + warm gold dark mode.
 * ═══════════════════════════════════════════════════════════════════════ */

:root {
  /* ─── 主色（Primary · Soft Blue） ─── */
  --primary:        #5B9FE6;
  --primary-dark:   #4A88D0;
  --primary-light:  rgba(91, 159, 230, 0.15);

  /* legacy 别名（部分页面用 --primary-dk / --primary-lt） */
  --primary-dk:     #4A88D0;
  --primary-lt:     rgba(91, 159, 230, 0.15);

  /* ─── 强调色（Accent · Gold） ─── */
  --accent:         #C9A84C;
  --accent-dark:    #A8883B;
  --accent-light:   rgba(201, 168, 76, 0.15);

  --accent-dk:      #A8883B;
  --accent-lt:      rgba(201, 168, 76, 0.15);

  /* ─── 背景层 ─── */
  --bg:             #09090F;        /* 整体背景（最深） */
  --surface:        #1C2240;        /* 卡片 / 面板 */
  --white:          #131829;        /* 卡片高亮层（实际是深色） */

  /* ─── 文本 ─── */
  --text:           #EDF0F7;        /* 主文本 */
  --text-muted:     #8892A4;        /* 副文本 */

  /* ─── 边框 / 阴影 ─── */
  --border:         rgba(255, 255, 255, 0.09);
  --shadow-sm:      0 1px 6px rgba(0, 0, 0, 0.5);
  --shadow:         0 4px 24px rgba(0, 0, 0, 0.6);

  /* ─── 状态色 ─── */
  --success:        #4ADE80;
  --success-bg:     rgba(74, 222, 128, 0.10);
  --warning:        #FBBF24;
  --warning-bg:     rgba(251, 191, 36, 0.10);
  --danger:         #F87171;
  --danger-bg:      rgba(248, 113, 113, 0.10);
  --info:           #60A5FA;
  --info-bg:        rgba(96, 165, 250, 0.10);

  /* ─── 圆角 ─── */
  --radius-sm:      6px;
  --radius:         12px;
  --radius-lg:      20px;

  /* ─── 过渡 ─── */
  --transition:     all 0.2s ease;
}

/* ═══════════════════════════════════════════════════════════════════════
 * 字体（外部加载在 <head> 里：Google Fonts Inter + Noto Sans SC）
 * 这里只声明 fallback stack，不强加 body{}（避免和现有 inline 冲突）。
 * ═══════════════════════════════════════════════════════════════════════ */

:root {
  --font-sans: 'Inter', 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

/* ═══════════════════════════════════════════════════════════════════════
 * 字号 scale（移动优先 16px 起步）
 * ═══════════════════════════════════════════════════════════════════════ */

:root {
  --fs-xs:   0.72rem;
  --fs-sm:   0.82rem;
  --fs-base: 0.95rem;
  --fs-md:   1rem;
  --fs-lg:   1.2rem;
  --fs-xl:   1.5rem;
  --fs-2xl:  2rem;
  --fs-3xl:  3rem;
}
