/* OmoFun 设计令牌 —— 唯一来源（依据 docs/omofun-设计系统-v1.md） */
:root {
  /* 颜色（按用途拆分） */
  --brand: #E85577;            /* 仅做填充：主按钮底 / 激活片底 / 图标 */
  --brand-dark: #C93E5D;       /* 按钮 hover */
  --brand-ink: #BB3457;        /* 仅做文字：浅底上的强调与链接（含 brand-surface 底 ≥5:1） */
  --brand-surface: #FFF0F4;    /* 区块交替底 */
  --surface-soft: #FFF7F9;     /* 信息卡底 */
  --bg: #FFFDF9;               /* 页面主底（暖白） */
  --bg-card: #FFFFFF;
  --text: #2B2024;             /* 主标题/强调 */
  --text-body: #4A3A42;        /* 正文 */
  --text-muted: #7A6A70;       /* 次级说明（bg 上 ≈5.2:1） */
  --line: #F8D5DE;             /* 卡片描边 */
  --cta-dark: #3A222C;         /* 深色 CTA 区 */
  --footer-dark: #2B181F;      /* 页脚 */
  --text-invert: #FFFFFF;
  --text-invert-mute: #C9AEB8; /* 深底次级文字（≈4.9:1） */

  /* 宽度：全站仅两档 */
  --w-container: 1200px;
  --w-prose: 720px;

  /* 间距 */
  --sp-1: 4px;  --sp-2: 8px;   --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px;  --sp-7: 48px; --sp-8: 64px;
  --sec-y: 96px;               /* 区块上下节奏 */

  /* 圆角 */
  --r-card: 24px;
  --r-media: 20px;
  --r-input: 12px;
  --r-chip: 999px;

  /* 字体 */
  --font-sans: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --font-round: "Baloo 2", var(--font-sans);

  /* 字号（移动端在 base.css 断点整体降档） */
  --fs-hero: 72px;
  --fs-h2: 44px;
  --fs-h1: 40px;
  --fs-title: 20px;
  --fs-title-sm: 18px;
  --fs-lg: 18px;
  --fs-body: 16px;
  --fs-sm: 15px;
  --fs-caption: 13px;

  --btn-h: 54px;
}

/* 移动端整体降档：改一处全站生效 */
@media (max-width: 768px) {
  :root {
    --fs-hero: 40px;
    --fs-h2: 30px;
    --fs-h1: 28px;
    --fs-title: 18px;
    --fs-title-sm: 17px;
    --fs-lg: 17px;
    --sec-y: 64px;
    --btn-h: 50px;
  }
}