/* ============================================================
   模板：暖阳米黄（#F0E6D3 暖米色方案）
   奶油米黄底 + 暖棕点缀，温暖柔和。
   data-bs-theme="light"。布局变量与各模板一致 → 切换不错位。
   ============================================================ */

[data-theme-template="warm-cream"] {
    --theme-bg: #F0E6D3;
    --theme-bg-secondary: #EADDC0;
    --theme-bg-tertiary: #E0D0AE;
    --theme-card-bg: #FBF4E5;
    --theme-card-bg-hover: #F3E8CF;

    --theme-text-primary: #4A3B28;
    --theme-text-secondary: #6B5738;
    --theme-text-muted: #8C7A5B;
    --theme-text-weak: #A89477;

    --theme-border: #D8C49A;
    --theme-border-light: #E6D7B5;

    --theme-primary: #B97A34;
    --theme-primary-hover: #A56828;
    --theme-primary-light: rgba(185, 122, 52, 0.13);
    --theme-primary-dark: #8A5220;

    --theme-accent: #C08A3A;
    --theme-accent-light: rgba(192, 138, 58, 0.12);
    --theme-accent2: #7E6B4E;
    --theme-accent2-light: rgba(126, 107, 78, 0.1);

    --theme-success: #7E9660;
    --theme-info: #77908C;
    --theme-warning: #C79A3A;
    --theme-danger: #B05A3A;

    --theme-shadow-sm: 0 1px 3px 0 rgba(120, 90, 40, 0.08), 0 1px 2px -1px rgba(120, 90, 40, 0.05);
    --theme-shadow-md: 0 5px 14px -3px rgba(120, 90, 40, 0.11), 0 2px 6px -2px rgba(120, 90, 40, 0.07);
    --theme-shadow-lg: 0 14px 32px -6px rgba(120, 90, 40, 0.15), 0 6px 14px -4px rgba(120, 90, 40, 0.09);
    --theme-shadow-xl: 0 22px 46px -8px rgba(120, 90, 40, 0.19), 0 10px 22px -6px rgba(120, 90, 40, 0.11);

    --primary-gradient: linear-gradient(135deg, #C08A3A 0%, #8A5220 100%);
    --primary-gradient-soft: linear-gradient(135deg, #D0A55E 0%, #B97A34 100%);
    --bg-gradient: radial-gradient(ellipse at 15% 0%, rgba(192, 138, 58, 0.08) 0%, transparent 50%), radial-gradient(ellipse at 85% 0%, rgba(185, 122, 52, 0.06) 0%, transparent 45%);

    --navbar-bg: rgba(251, 244, 229, 0.82);
    --navbar-border: rgba(216, 196, 154, 0.9);

    /* 导航/网址卡的品牌色 */
    --theme-nav-primary: #B97A34;
    --theme-nav-primary-deep: #96602A;
    --theme-nav-soft: rgba(185, 122, 52, 0.11);
    --theme-nav-soft-strong: rgba(185, 122, 52, 0.16);
    --theme-nav-shadow: rgba(185, 122, 52, 0.2);
    --theme-nav-border-soft: rgba(185, 122, 52, 0.4);

    /* 公告区域 */
    --announce-top-bg: linear-gradient(135deg, #f2e2b8, #e8d298);
    --announce-top-border: #a87d2e;
    --announce-top-icon: #a87d2e;
    --announce-bg: rgba(185, 122, 52, 0.1);
    --announce-border: #B97A34;
    --announce-icon: #B97A34;

    /* 布局变量：各模板保持完全一致，避免切换错位 */
    --theme-radius-sm: 10px;
    --theme-radius-md: 14px;
    --theme-radius-lg: 18px;
    --theme-radius-xl: 24px;
    --theme-radius-full: 9999px;

    --theme-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --theme-transition-bounce: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);

    --theme-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;

    --card-shadow: var(--theme-shadow-sm);
    --card-hover-shadow: var(--theme-shadow-md);
    --border-radius: var(--theme-radius-md);
    --transition: var(--theme-transition);
}

/* 页面底色 + 暖光晕染 */
[data-theme-template="warm-cream"] body {
    background-color: var(--theme-bg);
    background-image: var(--bg-gradient);
}

/* 导航栏：奶油磨砂 */
[data-theme-template="warm-cream"] .navbar {
    background-color: var(--navbar-bg) !important;
    border-bottom: 1px solid var(--navbar-border) !important;
    backdrop-filter: blur(16px) saturate(1.08);
    -webkit-backdrop-filter: blur(16px) saturate(1.08);
}

[data-theme-template="warm-cream"] footer {
    background: linear-gradient(180deg, transparent 0%, rgba(234, 221, 192, 0.55) 100%);
}

[data-theme-template="warm-cream"] .user-profile-header {
    background: linear-gradient(135deg, var(--theme-primary-dark) 0%, #C08A3A 100%);
}

[data-theme-template="warm-cream"] .stat-icon,
[data-theme-template="warm-cream"] [class*="stat-icon-"] {
    background: rgba(185, 122, 52, 0.13);
    color: var(--theme-primary);
}