/* =========================================================
   鹏城赖氏宗亲会 · 设计令牌（全站唯一来源）
   所有页面通过 layouts/app.blade.php 统一加载此文件。
   页面级 CSS 不再重复定义 :root 变量。
   ========================================================= */

:root {
  /* ---- 品牌色 ---- */
  --vermilion: #9e1c13;
  --vermilion-dark: #7a1510;
  --vermilion-light: #c93027;
  --vermilion-deep: #5c0d0a;
  --gold: #c8a45c;
  --gold-deep: #a68532;
  --gold-light: #e8d9b0;
  --gold-pale: rgba(200, 164, 92, .18);
  --daicang: #2d4a5e;

  /* ---- 中性色 ---- */
  --ink: #1a1410;
  --paper: #faf8f2;
  --rice: #f5f0e6;
  --bronze: #8b7355;
  --smoke: #6b6056;

  /* ---- 语义表面（暗色模式修复关键） ---- */
  --surface-card: #ffffff;
  --surface-panel: #faf8f2;
  --surface-overlay: rgba(26, 20, 16, .55);
  --border-subtle: rgba(26, 20, 16, .08);

  /* ---- 字体 ---- */
  --serif: "Noto Serif SC", "Songti SC", "STSong", serif;
  --sans: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --display: "Playfair Display", "Times New Roman", serif;

  /* ---- 尺度 ---- */
  --maxw: 1200px;
  --radius: 8px;
  --radius-sm: 4px;
  --radius-lg: 16px;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);

  /* ---- 间距基线（4px 模数） ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
}

/* ---- 暗色主题 ---- */
html[data-theme="dark"] {
  --paper: #140f0c;
  --rice: #1c1511;
  --ink: #f3ece0;
  --smoke: #b6a892;
  --bronze: #5e4d3a;
  --vermilion: #c93027;
  --vermilion-dark: #9e1c13;
  --gold: #d8b873;
  --gold-deep: #b88f3f;

  /* 语义表面（暗色） */
  --surface-card: #241c16;
  --surface-panel: #1e1712;
  --surface-overlay: rgba(0, 0, 0, .65);
  --border-subtle: rgba(243, 236, 224, .1);
}