/* ============================================================
   设计系统 Token —— 广东咏声动漫官网
   来源：Ardot 设计稿 (file/718962894265160) 实测组件值
   用途：所有页面 HTML/CSS 的统一基础变量
   ============================================================ */

:root {
  /* ---------- 颜色 Color ---------- */
  --color-ink:        #18191A;  /* 墨黑 / 主文字 */
  --color-ink-soft:   #6B6B70;  /* 次级文字 / 元信息 */
  --color-ink-mute:   #A0A0A0;  /* 弱化文字 / 版权 */
  --color-white:      #FFFFFF;
  --color-bg-gray:    #F5F5F7;  /* 浅灰底（音乐页等） */
  --color-bg-faint:   #FBFBFD;  /* 衬底（Banner slogan） */
  --color-red:        #C24A33;  /* 朱红（品牌强调） */
  --color-border:     #EAEAE6;  /* 卡片描边 */
  --color-divider:    #EBEBE5;  /* 分隔线（浅） */
  --color-footer-bg:       #18191A;                 /* Footer 背景 */
  --color-footer-divider:  rgba(255,255,255,0.12);  /* Footer 分隔线 */
  --color-footer-text:     #A0A0A0;                 /* Footer 文字 */

  /* ---------- 字体 Font ---------- */
  /* 思源黑体 = Source Han Sans SC = Noto Sans SC（开源版，全站唯一指定字体） */
  --font-sans: "Source Han Sans SC", "Noto Sans SC", sans-serif;

  /* ---------- 字号 Font Size ---------- */
  --fs-display: 40px;  /* 页面大标题（用户协议 / 隐私政策） */
  --fs-title:   32px;  /* 登录标题 */
  --fs-h2:      20px;  /* 条款标题 */
  --fs-h3:      18px;  /* 小节标题（引言 / 定义） */
  --fs-card:    16px;  /* 卡片标题 */
  --fs-body:    15px;  /* 正文 */
  --fs-meta:    14px;  /* 元信息 / 次要 */
  --fs-foot:    13px;  /* 版权 / 链接 */
  --fs-tiny:    12px;  /* 协议行 */

  /* ---------- 字重 Font Weight ---------- */
  --fw-light:   300;
  --fw-regular: 400;
  --fw-medium:  500;
  --fw-bold:    700;

  /* ---------- 行高 Line Height ---------- */
  --lh-body: 1.75;     /* 长文正文（设计值 PERCENT 175） */
  --lh-tight: 1.4;

  /* ---------- 间距 Spacing（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-16: 64px;
  --sp-30: 120px;      /* 页面左右留白 */

  /* ---------- 圆角 Radius ---------- */
  --radius-sm:   12px; /* 封面 */
  --radius-md:   16px;
  --radius-lg:   20px; /* 登录卡片 */
  --radius-pill: 999px; /* 按钮全圆角 */

  /* ---------- 组件尺寸 Component Size ---------- */
  --nav-height: 72px;
  --card-width: 440px;
  --cover-w: 384px;
  --cover-h: 216px;
  --logo-w: 100px;
  --logo-h: 56px;
  --page-max: 1440px;  /* 设计稿基准宽度 */
}