/* ============================================
   知了笔记官网 · 设计变量（唯一改动入口）
   颜色 / 字号 / 间距 / 圆角 全部集中于此
   ============================================ */
:root {
  /* 品牌色 */
  --c-primary: #E8772E;        /* 蝉翼橙 */
  --c-primary-hover: #D3661F;  /* hover 深一档 */
  --c-primary-tint: #FBEFE5;   /* 浅橙辅助层 */

  /* 中性色（暖白纸感） */
  --c-bg: #FBF9F6;             /* 页面背景 */
  --c-surface: #FFFFFF;        /* 卡片/分段白 */
  --c-ink: #23201D;            /* 墨色正文 */
  --c-ink-soft: #4A453F;       /* 文章正文 */
  --c-muted: #6B6660;          /* 次要文字 */
  --c-line: #ECE7E0;           /* 分隔线/描边 */

  /* 深色分屏（同步与隐私段） */
  --c-dark-bg: #23201D;
  --c-dark-text: #D8D2CA;
  --c-dark-muted: #8A847C;

  /* 状态色 */
  --c-ok: #2E7D4F;
  --c-ok-bg: #E8F3EC;
  --c-neutral-bg: #F2EEE8;

  /* 大师智囊卡（区隔配色） */
  --c-dashi-bg-a: #2C2620;
  --c-dashi-bg-b: #423528;
  --c-dashi-gold: #C9A876;
  --c-dashi-text: #B8AD9C;

  /* 字体 */
  --font-stack: -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --font-mono: ui-monospace, Menlo, Consolas, monospace;

  /* 字号 */
  --fs-hero: clamp(34px, 6vw, 56px);
  --fs-h2: clamp(24px, 4vw, 32px);
  --fs-h2-dark: clamp(26px, 4.4vw, 36px);
  --fs-h3: 19px;
  --fs-card-title: 16px;
  --fs-body: 15px;
  --fs-card-body: 13.5px;
  --fs-small: 12.5px;
  --fs-fine: 12px;

  /* 间距 */
  --sp-section: 88px;
  --sp-section-lg: 96px;
  --sp-gutter: 24px;
  --sp-card: 24px;
  --sp-grid-gap: 16px;

  /* 圆角 */
  --r-card: 14px;
  --r-btn: 10px;
  --r-visual: 16px;
  --r-icon: 10px;
  --r-pill: 999px;

  /* 版心 */
  --w-page: 1080px;
  --w-article: 720px;
}