/* cricket-ui · Design Tokens
 * 来源：V3.0 品牌策划方案 + 品牌色彩体系
 * 规则：所有项目 CSS 引用此处变量，禁止硬编码颜色/字号/间距值
 */

:root {
  /* === 品牌色板 === */
  --c-gold:          #D4AF55;   /* 科技金 — 主品牌色 */
  --c-gold-deep:     #c19b3e;   /* 金深色 — hover/按压态 */
  --c-gold-light:    #e8d5a3;   /* 金浅色 — 背景/高亮 */
  --c-earth:         #794D33;   /* 大地棕 — 土引擎色 */
  --c-earth-light:   #a07155;   /* 棕浅色 */
  --c-blue:          #005AA0;   /* 智慧蓝 — 数据/链接/水 */
  --c-blue-light:    #3388c0;   /* 蓝浅色 */
  --c-terracotta:    #c0503d;   /* 陶土红 — 活力/警示 */

  /* === 中性色 === */
  --c-body:          #333333;   /* 正文 — 深空灰 */
  --c-secondary:     #666666;   /* 次要文字 */
  --c-muted:         #999999;   /* 弱化/占位 */
  --c-border:        #e5e5e5;   /* 边框 */
  --c-bg:            #F5F5F5;   /* 背景 — 云母白 */
  --c-bg-card:       #FFFFFF;   /* 卡片背景 */
  --c-bg-dark:       #1a1a2e;   /* 深色背景（织枢AI模式） */

  /* === 字号阶梯 ===
   * 强制：所有文字只能从这 7 级中选取，不准自创字号
   * 参考 16px 基准 + 4px 递增
   */
  --fs-display:      2.25rem;   /* 36px — 超大标题（仅限 Hero） */
  --fs-h1:           1.875rem;  /* 30px — H1 */
  --fs-h2:           1.5rem;    /* 24px — H2 */
  --fs-h3:           1.25rem;   /* 20px — H3 */
  --fs-body:         1rem;      /* 16px — 正文 */
  --fs-sm:           0.875rem;  /* 14px — 辅助文字 */
  --fs-xs:           0.75rem;   /* 12px — 标注/标签 */

  /* === 行高 === */
  --lh-tight:        1.25;      /* 标题 */
  --lh-normal:       1.6;       /* 正文 */
  --lh-relaxed:      1.8;       /* 长文 */

  /* === 间距节奏 — 基准 4px === */
  --sp-1:            4px;
  --sp-2:            8px;
  --sp-3:            12px;
  --sp-4:            16px;
  --sp-5:            20px;
  --sp-6:            24px;
  --sp-8:            32px;
  --sp-10:           40px;
  --sp-12:           48px;
  --sp-16:           64px;
  --sp-20:           80px;

  /* === 圆角 === */
  --radius-sm:       6px;      /* 按钮/输入框 */
  --radius-md:       8px;      /* 卡片 */
  --radius-lg:       12px;     /* 大容器/modal */

  /* === 阴影 === */
  --shadow-sm:       0 1px 3px rgba(0,0,0,0.08);
  --shadow-md:       0 4px 12px rgba(0,0,0,0.10);
  --shadow-lg:       0 8px 24px rgba(0,0,0,0.15);
}