/* =====================================================
   七甲八宝饭官网 · CSS变量定义
   所有颜色和尺寸变量的唯一定义来源
   ===================================================== */

:root {
  /* 主色系 */
  --red:          #8B1A1A;
  --red-dark:     #6B0F0F;
  --red-light:    #B22222;

  /* 金色（统一使用此定义） */
  --gold:         #C9A227;
  --gold-light:   #F0D060;
  --gold-dark:    #A68019;

  /* 背景色 */
  --cream:        #FDF6E3;
  --cream-dark:   #F5EDD4;
  --cream-light:  #FFFBF5;

  /* 文本色 */
  --text:         #2C1810;
  --text-light:   #6B4C3B;
  --text-lighter: #9B8C7E;

  /* 中立色 */
  --white:        #FFFFFF;
  --black:        #1a0800;
  --gray:         #E8E8E8;

  /* 阴影 */
  --shadow:       0 4px 24px rgba(139, 26, 26, 0.15);
  --shadow-lg:    0 8px 48px rgba(139, 26, 26, 0.22);
  --shadow-sm:    0 2px 8px rgba(139, 26, 26, 0.08);

  /* 圆角 */
  --radius:       12px;
  --radius-lg:    20px;
  --radius-full:  999px;

  /* 字体 */
  --font-serif:   'Noto Serif SC', 'STSong', 'SimSun', serif;
  --font-sans:    'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;

  /* 间距 */
  --spacing-xs:   0.25rem;
  --spacing-sm:   0.5rem;
  --spacing-md:   1rem;
  --spacing-lg:   1.5rem;
  --spacing-xl:   2rem;
  --spacing-2xl:  3rem;

  /* 过渡 */
  --transition:   all 0.3s ease;
  --transition-fast: all 0.15s ease;
  --transition-slow: all 0.5s ease;
}

/* 深色模式支持（可选） */
@media (prefers-color-scheme: dark) {
  :root {
    --cream: #1a0800;
    --text: #FDF6E3;
    --text-light: #D4B8A8;
  }
}