/* ========================================
   CSS 变量定义 - 色彩、字体、间距
   国风水墨风格设计系统
   ======================================== */

:root {
  /* === 水墨基础色 === */
  --ink-black:      #2C2C2C;   /* 墨黑 - 标题、重点文字 */
  --ink-deep:       #4A4A4A;   /* 深墨 - 正文文字 */
  --ink-light:      #7A7A7A;   /* 淡墨 - 次要文字 */
  --ink-pale:       #B8B8B8;   /* 浅墨 - 辅助文字 */
  --paper:          #F5F1E8;   /* 宣纸底色 - 页面背景 */
  --paper-warm:     #F0EBE0;   /* 暖宣纸 - 卡片背景 */
  --paper-deep:     #E8E0D0;   /* 深宣纸 - 分隔区域 */

  /* === 国庆主题色 === */
  --nation-red:     #C0392B;   /* 国庆红 - 主色 */
  --nation-bright:  #E74C3C;   /* 亮红 - 强调 */
  --nation-deep:    #8B0000;   /* 深红 - 标题/重强调 */
  --nation-gold:    #D4A017;   /* 金黄 - 点缀/装饰 */

  /* === 生日主题色 === */
  --birth-pink:     #E8B4B8;   /* 柔粉 - 主色 */
  --birth-pale:     #F5E6E8;   /* 浅粉 - 背景 */
  --birth-warm:     #D4A574;   /* 暖金 - 装饰 */
  --birth-soft:     #C8A2C8;   /* 柔紫 - 辅助 */
  --birth-cream:    #FFF8F0;   /* 奶油色 - 信纸背景 */

  /* === 通用功能色 === */
  --white:          #FFFFFF;
  --success:        #27AE60;
  --error:          #E74C3C;
  --overlay:        rgba(0, 0, 0, 0.6);

  /* === 字体 === */
  --font-title: "STKaiti", "KaiTi", "楷体", "STSong", serif;
  --font-body: "STSong", "SimSun", "宋体", serif;
  --font-sans: "Microsoft YaHei", "微软雅黑", "PingFang SC", sans-serif;

  /* === 间距 === */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 40px;
  --spacing-xxl: 64px;

  /* === 圆角 === */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;

  /* === 导航栏高度 === */
  --nav-height: 60px;
}