/* ========================================
   theme.css — jeepsh.cn 红金皇家主题
   参照实站：深红 + 金色 + 米白
   ======================================== */

/* ---------- Google Fonts ---------- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&family=Ma+Shan+Zheng&family=ZCOOL+XiaoWei&display=swap');

/* ========================================
   变量体系
   ======================================== */
:root {
  /* ---- 色彩 ---- */
  --red-deep:    #7A1A05;   /* 朱砂红透金（主色） */
  --red-mid:     #9A2A12;   /* 中暖红 */
  --red-light:   #B84028;   /* 浅暖红 */
  --gold:        #C89018;   /* 鎏金（标题/装饰） */
  --gold-light:  #E0B838;   /* 浅金（hover/高亮） */
  --gold-pale:   #F5E2B8;   /* 淡金（卡片底色变体） */
  --green-deep:  #3A5A2A;   /* 松绿（竹元素） */
  --green-mid:   #5B7A40;   /* 中绿 */
  --green-light: #8AAA60;   /* 浅绿 */
  --green-pale:  #EEF5E5;   /* 淡绿底 */
  --cream:       #FDF5E6;   /* 米白底色 */
  --cream-warm:  #FEF0D5;   /* 暖米（色块交替） */
  --white:       #FFFFFF;   /* 卡片白 */
  --text-dark:   #2A0A0A;   /* 深棕文字 */
  --text-mid:    #5A2A2A;   /* 中灰文字 */
  --text-muted:  #8B7070;   /* 淡灰文字 */
  --line:        #E8D5C4;   /* 分隔线 */
  --shadow-sm:   0 2px 6px rgba(122,26,5,0.12), 0 1px 2px rgba(0,0,0,0.06);
  --shadow-md:   0 6px 16px rgba(122,26,5,0.15), 0 2px 4px rgba(0,0,0,0.08);
  --shadow-lg:   0 10px 28px rgba(122,26,5,0.18), 0 4px 8px rgba(0,0,0,0.1);

  /* ---- 字体 ---- */
  --font-title:  'ZCOOL XiaoWei', 'Noto Serif SC', 'SimSun', serif;
  --font-accent: 'Ma Shan Zheng', 'STKaiti', 'KaiTi', serif;
  --font-body:   'Noto Serif SC', 'SimSun', 'STSong', serif;

  /* ---- 尺寸 ---- */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --max-w: 1200px;
  --transition: 0.25s ease;

  /* ---- 页面对应变量（各页面可覆盖） ---- */
  --header-bg:       linear-gradient(135deg, #7A1A05 0%, #9A3812 35%, #8A280A 65%, #7A1A05 100%);
  --header-text:     #F0D068;
  --nav-bg:          #5A0F02;
  --nav-text:        #F0D068;
  --nav-hover-bg:    #7A2810;
  --nav-hover-text:  #F8E498;
  --main-bg:         #FDF5E6;
  --card-bg:         #FFFAF0;
  --card-border:     #E8D5C4;
  --section-bg:      #FFFAF0;
  --section-alt:     #F5E2B8;
  --footer-bg:       #4A0B02;
  --footer-text:     #E8D5C4;
  --link-color:      #7A1A05;
  --accent-color:    #C89018;
}

/* ========================================
   页面级主题覆盖（六套拼接色板）
   基于同一红金体系做小幅变化
   ======================================== */

/* 首页·红金正殿 */
.theme-home {
  --header-bg:       linear-gradient(135deg, #7A1A05 0%, #9A3812 35%, #8A280A 65%, #7A1A05 100%);
  --nav-bg:          #5A0F02;
  --main-bg:         #FDF5E6;
  --card-bg:         #FFFAF0;
  --section-bg:      #FFFAF0;
  --section-alt:     #F5E2B8;
  --footer-bg:       #4A0B02;
}

/* 高一·正红 */
.theme-blue {
  --header-bg:       linear-gradient(135deg, #8A1A0A 0%, #A03618 35%, #922810 65%, #8A1A0A 100%);
  --nav-bg:          #6A1005;
  --main-bg:         #FDF5F2;
  --card-bg:         #FFFAF8;
  --section-bg:      #FFFAF8;
  --section-alt:     #FDF0E8;
  --footer-bg:       #5A0C03;
}

/* 高二·赭石偏棕 */
.theme-earth {
  --header-bg:       linear-gradient(135deg, #6A3008 0%, #8A4820 35%, #7A3A12 65%, #6A3008 100%);
  --nav-bg:          #4A2005;
  --main-bg:         #FDF8F0;
  --card-bg:         #FFFCF5;
  --section-bg:      #FFFCF5;
  --section-alt:     #F5E2B8;
  --footer-bg:       #3A1804;
}

/* 高三·朱砂纯正 */
.theme-red {
  --header-bg:       linear-gradient(135deg, #8A1C08 0%, #A04020 35%, #902A12 65%, #8A1C08 100%);
  --nav-bg:          #6A1205;
  --main-bg:         #FEF5F2;
  --card-bg:         #FFFAF8;
  --section-bg:      #FFFAF8;
  --section-alt:     #FDF0E8;
  --footer-bg:       #5A0D04;
}

/* 初中·竹绿偏青 */
.theme-green {
  --header-bg:       linear-gradient(135deg, #3A5A2A 0%, #4A6B3A 40%, #3A5A2A 100%);
  --nav-bg:          #2A4A1A;
  --main-bg:         #F5F8EE;
  --card-bg:         #FCFDF5;
  --section-bg:      #FCFDF5;
  --section-alt:     #EEF5E5;
  --footer-bg:       #1A3A0A;
}

/* 电子教材·素笺 */
.theme-book {
  --header-bg:       linear-gradient(135deg, #5A3A10 0%, #7A5A28 35%, #6A4A18 65%, #5A3A10 100%);
  --nav-bg:          #3A2208;
  --main-bg:         #F8F3E8;
  --card-bg:         #FFFCF5;
  --section-bg:      #FFFCF5;
  --section-alt:     #FEF5E8;
  --footer-bg:       #2A1804;
}
