/* CUBECLOUD 设计令牌（风格 5「光隧」，2026-10-11 定稿）。全站唯一来源：主题与插件的 CSS 只引用这里的变量。
 * 对比度见 design/SYSTEM.md §2。改色前先跑那张表。 */
@font-face { font-family: "Manrope"; src: url(../fonts/manrope.woff2) format("woff2"); font-weight: 200 800; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url(../fonts/geist-mono.woff2) format("woff2"); font-weight: 100 900; font-display: swap; }

:root {
  /* ---- 面 ---- */
  --cc-bg: #f6f8fc;          /* 冰白页底 */
  --cc-surface: #ffffff;     /* 卡片 */
  --cc-surface-2: #eef2f9;   /* 浅色分区底、分段按钮槽、禁用面 */
  --cc-surface-sel: #f5f7ff; /* 选中卡片 / 行悬停 */

  /* ---- 文字 ---- */
  --cc-ink: #0f1838;         /* 正文与标题（= 深海军蓝） */
  --cc-ink-2: #3a4566;       /* 次要正文 */
  --cc-muted: #5f6986;       /* 说明、标签、时间 */

  /* ---- 线 ---- */
  --cc-line: #e3e8f2;        /* 分隔线、卡片描边 */
  --cc-line-2: #cfd6e6;      /* 未选中选项卡片描边（装饰性） */
  --cc-field: #8892ad;       /* 输入框边框（非文字对比 ≥ 3:1） */

  /* ---- 品牌 ---- */
  --cc-dark: #0f1838;        /* 深海军蓝：主按钮、页脚、深色面 */
  --cc-dark-2: #1b2650;      /* 深色悬停 */
  --cc-dark-ink: #ffffff;
  --cc-dark-muted: #a9b3d3;  /* 深底上的次要文字 */
  --cc-accent: #2a5cff;      /* 钴蓝：选中描边、焦点环、进度条 */
  --cc-accent-ink: #1f47d6;  /* 钴蓝文字：链接、眉标 */
  --cc-accent-soft: #e7edff; /* 钴蓝浅底标签 */
  --cc-sun: #f5a524;         /* 橘黄：唯一的转化按钮色（配深蓝字） */
  --cc-sun-2: #ffb938;       /* 橘黄悬停；深底上的强调文字 */
  --cc-sun-ink: #9a5d00;     /* 橘黄系文字（浅底） */
  --cc-sun-soft: #fff1d6;    /* 橘黄浅底标签 */
  --cc-spec: linear-gradient(90deg, #ff7a1a, #ffc21a, #e6248a, #2a5cff, #14b8e6); /* 光谱：只用于页脚大字 */

  /* ---- 状态 ---- */
  --cc-ok: #1f7a4d;   --cc-ok-soft: #e8f4ee;
  --cc-warn: #b25e00; --cc-warn-soft: #fff1d6;
  --cc-danger: #c0362c; --cc-danger-soft: #fdeceb;

  /* ---- 字体 ---- */
  --cc-font: "Manrope", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", "Noto Sans CJK SC", sans-serif;
  --cc-font-num: "Manrope", "PingFang SC", "Microsoft YaHei", sans-serif; /* 数字用 tabular-nums，不用等宽 */
  --cc-font-mono: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace; /* 仅 IP、命令、代码、认证编号 */

  /* ---- 字号（桌面 / 手机在组件里用 clamp） ---- */
  --cc-t-hero: clamp(38px, 4.8vw, 66px);
  --cc-t-h1: clamp(30px, 3.4vw, 44px);
  --cc-t-h2: clamp(28px, 3.1vw, 42px);
  --cc-t-h3: 19px;
  --cc-t-body: 15px;
  --cc-t-small: 13px;
  --cc-t-tiny: 12px;

  /* ---- 圆角 ---- */
  --cc-r-1: 10px;  /* 输入框、小按钮 */
  --cc-r-2: 16px;  /* 选项卡片、内嵌块 */
  --cc-r-3: 24px;  /* 卡片 */

  /* ---- 间距（4 的倍数） ---- */
  --cc-s-1: 4px; --cc-s-2: 8px; --cc-s-3: 12px; --cc-s-4: 16px;
  --cc-s-5: 24px; --cc-s-6: 32px; --cc-s-7: 48px; --cc-s-8: 112px; /* s-8 = 区块上下留白（手机 72px） */
  --cc-wrap: 1240px;

  /* ---- 阴影 ---- */
  --cc-shadow-1: 0 0 0 1px var(--cc-line), 0 1px 2px rgba(15, 24, 56, .04), 0 24px 48px -32px rgba(15, 24, 56, .28); /* 卡片 */
  --cc-shadow-2: 0 0 0 1px var(--cc-line), 0 40px 80px -40px rgba(15, 24, 56, .45);                                  /* 浮层、首屏注册卡 */

  /* ---- 动效 ---- */
  --cc-ease: cubic-bezier(.2, .8, .2, 1);
  --cc-dur: .2s;
}