/* ==========================================================================
   Design Tokens · 种草站
   定稿配色：晨光橙，三页共用。
   对比度：所有 *-ink 色与纯白文字的对比度均 >= 4.5:1（WCAG AA 正文级）
   ========================================================================== */

:root {
  /* ---------- 字体 ---------- */
  --font-sans: "PingFang SC", "HarmonyOS Sans SC", "Source Han Sans SC",
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Microsoft YaHei",
    "Noto Sans SC", sans-serif;
  --font-mono: "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;

  /* ---------- 字号阶梯 ---------- */
  --fs-xs: 0.75rem;    /* 12 */
  --fs-sm: 0.875rem;   /* 14 */
  --fs-base: 1rem;     /* 16 */
  --fs-post: 0.9375rem; /* 15，文章正文基准 */
  --fs-md: 1.0625rem;  /* 17 */
  --fs-lg: 1.1875rem;  /* 19 */
  --fs-xl: 1.4375rem;  /* 23 */
  --fs-2xl: 1.75rem;   /* 28 */
  --fs-3xl: 2.125rem;  /* 34 */
  --fs-4xl: 2.625rem;  /* 42 */

  --lh-tight: 1.25;
  --lh-snug: 1.4;
  --lh-normal: 1.75;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* ---------- 间距（4px 基准） ---------- */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.25rem;
  --sp-6: 1.5rem;
  --sp-8: 2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  --sp-20: 5rem;

  /* ---------- 圆角 ---------- */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 20px;
  --r-pill: 999px;

  /* ---------- 阴影 ---------- */
  --sh-xs: 0 1px 2px rgb(16 24 40 / 0.05);
  --sh-sm: 0 2px 6px rgb(16 24 40 / 0.06);
  --sh-md: 0 6px 16px rgb(16 24 40 / 0.08);
  --sh-lg: 0 16px 40px rgb(16 24 40 / 0.12);

  /* ---------- 动效 ---------- */
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --t-fast: 150ms var(--ease);
  --t-base: 240ms var(--ease);
  --t-slow: 420ms var(--ease);

  /* ---------- 布局 ---------- */
  --container: 1200px;
  --container-narrow: 760px;
  --header-h: 64px;
  --z-header: 100;
  --z-drawer: 200;
  --z-float: 300;
}

/* ==========================================================================
   主题 A · 晨光橙 Sunrise（默认，推荐）
   语义：行动感 / 热情 / 立刻开干
   ========================================================================== */
:root,
[data-theme="sunrise"] {
  --c-primary: #ff6a2b;
  --c-primary-hover: #f45511;
  --c-primary-ink: #c2410c;      /* 白字对比 4.8:1 */
  --c-primary-soft: #fff1e9;
  --c-primary-line: #ffd6c2;

  --c-accent: #0ea5a4;           /* 青，辅助强调 */
  --c-accent-ink: #0f6e56;
  --c-accent-soft: #e1f5ee;

  --c-highlight: #ffb020;        /* 金，用于徽章/数据 */
  --c-highlight-ink: #854f0b;
  --c-highlight-soft: #faeeda;

  --c-bg: #fffdfa;
  --c-surface: #ffffff;
  --c-surface-2: #f8f6f3;
  --c-surface-3: #f1eee9;
  --c-border: #eae4dc;
  --c-border-strong: #d8cfc3;

  --c-text: #1f1a15;
  --c-text-2: #5c5348;
  --c-text-3: #8a8075;
  --c-on-primary: #ffffff;

  --c-success: #047857;
  --c-success-soft: #e1f5ee;
  --c-warning: #ba7517;
  --c-warning-soft: #faeeda;
  --c-danger: #b42318;
  --c-danger-soft: #fceceb;
  --c-info: #185fa5;
  --c-info-soft: #e6f1fb;

  --grad-hero: linear-gradient(135deg, #fff1e9 0%, #fffaf5 45%, #e1f5ee 100%);
  --grad-brand: linear-gradient(135deg, #ff6a2b 0%, #ff9f1c 100%);
}