/* ============================================================
   红虾网络官网 · tokens.css（设计变量唯一来源，契约 §B 冻结 v2.1（round-3 后））
   本文件仅含 :root 与注释；禁止出现选择器规则块、@import、var() 外部引用。
   六组：色 14 / 字号 6 / 间距 6 / 圆角 3 / 阴影 3 / 时长 3，合计 35 ≥ 27（v2.1）。
   组件语义层 --el-* 共 15 项（主色 5 / 文字 3 / 圆角 2 / 边框背景 2 / 附加 3）。
   ============================================================ */

:root {
  /* —— B.1 色彩组 --color-*（14 项，全部 6 位 hex） —— */
  --color-primary: #944D42;        /* 主色基准：低饱和红虾（HSL 8°/38%/42%，ADR-06 v2.1，S≤40%） */
  --color-primary-hover: #783F36;  /* 主色悬停/深档 */
  --color-primary-tint: #F7EFEE;   /* 主色浅底（HSL 7°/36%/95%，S 留余量，round-3 F-1） */
  --color-accent: #3E5C76;         /* 辅色：墨青 */
  --color-accent-tint: #EEF2F6;    /* 辅色浅底 */
  --color-text-1: #1D1D1F;         /* 主文/标题（对白底 16.83:1） */
  --color-text-2: #55555A;         /* 次级正文（对白底 7.41:1 ≥4.5） */
  --color-text-3: #6E6E73;         /* caption/元信息（对白底 5.07:1，仅小字辅助） */
  --color-text-on-primary: #FFFFFF; /* 主色底上文字（#944D42 底 6.18:1 ≥4.5） */
  --color-bg-page: #FAFAF8;        /* 页面底 */
  --color-bg-surface: #FFFFFF;     /* 卡片面 */
  --color-bg-muted: #F5F5F3;       /* 交替区块/hover 填充 */
  --color-state-error: #B3261E;    /* error 态文字（对白底 6.54:1） */
  --color-state-success: #1B6E4F;  /* success 态文字（对白底 6.19:1） */

  /* —— 字体族（非计数项，系统栈，零 webfont） —— */
  --font-family-sans: -apple-system, BlinkMacSystemFont, "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans SC",
    "Noto Sans CJK SC", sans-serif;

  /* —— B.2 字号组 --font-size-*（6 项，v2.1 F-02） —— */
  --font-size-body: 14px;    /* 正文基准（v2.1 F-02） */
  --font-size-body-lg: 16px; /* 仅 ≥1280 断点长文允许（v2.1 F-02） */
  --font-size-small: 13px;   /* 辅助小字/caption */
  --font-size-h3: 20px;
  --font-size-h2: 28px;
  --font-size-h1: 36px;    /* 移动端经断点降至 28px，仍引 token 组合 */

  /* 字重（非计数辅助组，配合字号使用） */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* —— B.3 间距组 --space-*（6 项；--space-1=4px 为登记的半步例外） —— */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;

  /* —— B.4 圆角组 --radius-*（3 项，含 12/16） —— */
  --radius-s: 8px;   /* 输入类 */
  --radius-m: 12px;
  --radius-l: 16px;

  /* —— B.5 阴影组 --shadow-*（3 项，单层低透明；focus 环为登记的可见性例外） —— */
  --shadow-card: 0 1px 2px rgba(15, 23, 42, 0.06);
  --shadow-raised: 0 4px 12px rgba(15, 23, 42, 0.08);
  --shadow-focus: 0 0 0 2px rgba(148, 77, 66, 0.55);

  /* —— B.6 时长组 --duration-*（3 项，仅 150/200/250ms；缓动零 linear） —— */
  --duration-fast: 150ms;
  --duration-base: 200ms;
  --duration-slow: 250ms;

  /* 缓动（非计数辅助组） */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);

  /* —— 布局辅助（非计数，登记备案） —— */
  --container-max: 1120px;
  --container-pad: 16px;   /* 移动基础，≥768 升至 32px */
  --nav-h: 64px;

  /* —— B.7 组件语义层 --el-*（15 项 = 主色 5 / 文字 3 / 圆角 2 / 边框背景 2 / 附加 3） —— */
  /* 主色 5 */
  --el-primary-bg: var(--color-primary);            /* 主按钮底 */
  --el-primary-bg-hover: var(--color-primary-hover);/* 主按钮悬停底 */
  --el-primary-text: var(--color-primary-hover);    /* tint 底上的主色文字（保证对比度 7.23:1（tint #F7EFEE，S=36%）） */
  --el-primary-tint-bg: var(--color-primary-tint);  /* 主色浅底（HSL 7°/36%/95%，S 留余量，round-3 F-1） */
  --el-link: var(--color-primary);                  /* 链接色（对白底 6.18:1） */
  /* 文字 3 */
  --el-text-primary: var(--color-text-1);
  --el-text-secondary: var(--color-text-2);
  --el-text-on-primary: var(--color-text-on-primary);
  /* 圆角 2 */
  --el-radius-control: var(--radius-s);   /* 输入/控件类 */
  --el-radius-surface: var(--radius-m);   /* 卡片/面板类 */
  /* 边框背景 2 */
  --el-border-input: 1px solid #D2D2CE;   /* 发丝线，仅输入类控件 */
  --el-bg-surface-muted: var(--color-bg-muted);
  /* 附加 3（计入总数，不计入构成配额） */
  --el-focus-ring: var(--shadow-focus);
  --el-skeleton-bg: var(--color-bg-muted);
  --el-state-error-text: var(--color-state-error);
}