/* =============================================================
   老济南四合院 · Design Tokens（修订版）
   主色调提取自 logo 朱红印章 #cd151d，辅以金色 #c89b3c
   风格参考：logo 印章、gzr.com.cn（广州酒家）、深色红金餐饮页、白金国潮页
   默认浅色模式；data-theme="dark" 切换深色模式
   ============================================================= */

:root {
  /* ---------- 布局尺寸 ---------- */
  --header-h: 108px;   /* 顶栏+金线+导航 总高兜底值；运行时由 JS 实测真实高度覆写，确保任何浏览器首屏不滚动 */

  /* ---------- 品牌色（logo 朱红为核心） ---------- */
  --color-brand:        #cd151d;  /* 朱红 · 主色（印章/喜庆） */
  --color-brand-strong: #a10e14;  /* 深朱红 */
  --color-brand-700:    #e03a42;  /* 亮朱红 hover */
  --color-brand-soft:   #f8e1e2;  /* 主色浅底 */
  --color-brand-50:     #fdf5f5;  /* 主色超浅 */

  /* 金色作为强调/点缀 */
  --color-accent:       #c89b3c;  /* 赭金 · 荣誉/页脚/高光 */
  --color-accent-strong:#9f7626;
  --color-accent-soft:  #f5efe2;

  /* 辅助色 */
  --color-warm:         #b3542a;  /* 暖赭 · 备用强调 */
  --color-warm-soft:    #f7e9e2;

  /* ---------- 中性色（米白纸张 + 墨黑文字） ---------- */
  --color-ink:          #1a1a1a;  /* 墨黑 主文字 */
  --color-stone:        #5a5550;  /* 青砖灰 次文字 */
  --color-stone-light:  #8f887d;  /* 浅灰 辅助文字 */
  --color-line:         #e8e1d6;  /* 米金分隔线 */
  --color-paper:        #faf7f0;  /* 宣纸米白 背景 */
  --color-paper-2:      #ffffff;  /* 卡片底 */
  --color-surface:      #ffffff;  /* 纯白浮层 */

  /* 深色区块用（首页 hero / 央视报道 / 页脚） */
  --color-dark:         #121212;  /* 深墨底 */
  --color-dark-surface: #1e1e1e;  /* 深灰卡片底 */
  --color-dark-ink:     #f5f0e8;  /* 深色上文字 */

  /* ---------- 语义色 ---------- */
  --color-success: #2f7d4f;
  --color-warning: #c89b3c;  /* 与金色统一 */
  --color-error:   #cd151d;  /* 与主红统一 */
  --color-info:    #b3542a;

  /* ---------- 字体 ---------- */
  --font-serif: 'Noto Serif SC', 'Songti SC', 'STSong', 'SimSun', serif;       /* 标题·传统韵味 */
  --font-sans:  'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', system-ui, sans-serif; /* 正文 */
  --font-mono:  'JetBrains Mono', 'SFMono-Regular', Consolas, monospace;       /* 数字 */
  --font-calligraphy: 'Ma Shan Zheng', 'STKaiti', 'KaiTi', 'Kaiti SC', cursive; /* 书法体·大标题 */

  /* ---------- 字号（16px 基准 · 8pt 节奏） ---------- */
  --fs-xs:   0.75rem;   /* 12 */
  --fs-sm:   0.875rem;  /* 14 */
  --fs-base: 1rem;      /* 16 */
  --fs-md:   1.125rem;  /* 18 */
  --fs-lg:   1.25rem;   /* 20 */
  --fs-xl:   1.5rem;    /* 24 */
  --fs-2xl:  1.875rem;  /* 30 */
  --fs-3xl:  2.25rem;   /* 36 */
  --fs-4xl:  3rem;      /* 48 */

  --fw-regular: 400;
  --fw-medium:  500;
  --fw-bold:    700;
  --fw-black:   900;

  --lh-tight: 1.25;
  --lh-snug:  1.4;
  --lh-base:  1.7;

  /* ---------- 间距 ---------- */
  --sp-1: 0.25rem;  /* 4 */
  --sp-2: 0.5rem;   /* 8 */
  --sp-3: 0.75rem;  /* 12 */
  --sp-4: 1rem;     /* 16 */
  --sp-5: 1.25rem;  /* 20 */
  --sp-6: 1.5rem;   /* 24 */
  --sp-8: 2rem;     /* 32 */
  --sp-10: 2.5rem;  /* 40 */
  --sp-12: 3rem;    /* 48 */
  --sp-16: 4rem;    /* 64 */
  --sp-20: 5rem;    /* 80 */
  --sp-26: 6.5rem;  /* 104 */

  /* ---------- 圆角（按需求取消，全站统一直角） ---------- */
  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 0;
  --radius-xl: 0;
  --radius-full: 0;

  /* ---------- 阴影（暖调低饱和） ---------- */
  --shadow-sm: 0 1px 2px rgb(26 26 26 / 0.06);
  --shadow-md: 0 8px 24px rgb(26 26 26 / 0.10);
  --shadow-lg: 0 20px 48px rgb(26 26 26 / 0.14);

  /* ---------- 过渡 ---------- */
  --duration-fast: 150ms;
  --duration: 250ms;
  --duration-slow: 400ms;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);

  /* ---------- 容器 / 断点参考 ---------- */
  --container-max: 1200px;
}

/* =============================================================
   深色主题（暗底红金）
   ============================================================= */
[data-theme="dark"] {
  --color-brand:        #e2363d;  /* 提亮的朱红 */
  --color-brand-strong: #a10e14;
  --color-brand-700:    #f05b61;
  --color-brand-soft:   #2e1617;
  --color-brand-50:     #1a0f0f;

  --color-accent:       #d4a84f;  /* 提亮金色 */
  --color-accent-strong:#b58a36;
  --color-accent-soft:  #2c2414;

  --color-warm:         #d47b54;
  --color-warm-soft:    #2c1c16;

  --color-ink:          #f5f0e8;  /* 浅色字 */
  --color-stone:        #c9c1b4;
  --color-stone-light:  #8f887d;
  --color-line:         #2f2b26;
  --color-paper:        #121212;  /* 深底 */
  --color-paper-2:      #1e1e1e;
  --color-surface:      #1e1e1e;

  --shadow-sm: 0 1px 2px rgb(0 0 0 / 0.4);
  --shadow-md: 0 8px 24px rgb(0 0 0 / 0.5);
  --shadow-lg: 0 20px 48px rgb(0 0 0 / 0.6);
}

/* =============================================================
   对比度校验（WCAG AA，4.5:1 正文 / 3:1 大字）
   - 墨黑 on 米白  = 15.1:1  ✓
   - 朱红 on 白    = 5.5:1   ✓（正文最小，大字更足）
   - 白字 on 朱红  = 5.5:1   ✓
   - 金色 on 深墨  = 8.2:1   ✓
   - 白字 on 深墨  = 17.0:1  ✓
   ============================================================= */