/* ============================================================
   模板：素白雅灰（#F2F0EB 米白暖灰方案）
   低饱和暖白底 + 温润炭灰点缀，简约素雅。
   data-bs-theme="light"。布局变量与各模板一致 → 切换不错位。
   ============================================================ */

[data-theme-template="frost-white"] {
    --theme-bg: #F2F0EB;
    --theme-bg-secondary: #EAE7DF;
    --theme-bg-tertiary: #E0DCD2;
    --theme-card-bg: #FBFAF6;
    --theme-card-bg-hover: #F3F1EA;

    --theme-text-primary: #33302B;
    --theme-text-secondary: #55504A;
    --theme-text-muted: #7A746C;
    --theme-text-weak: #A39D93;

    --theme-border: #DDD8CD;
    --theme-border-light: #E9E5DB;

    --theme-primary: #5D6470;
    --theme-primary-hover: #4A515C;
    --theme-primary-light: rgba(93, 100, 112, 0.12);
    --theme-primary-dark: #353B44;

    --theme-accent: #6E7287;
    --theme-accent-light: rgba(110, 114, 135, 0.1);
    --theme-accent2: #8C8B85;
    --theme-accent2-light: rgba(140, 139, 133, 0.1);

    --theme-success: #7C8A6E;
    --theme-info: #6F8B93;
    --theme-warning: #B08D3F;
    --theme-danger: #B05A4A;

    --theme-shadow-sm: 0 1px 3px 0 rgba(80, 70, 50, 0.07), 0 1px 2px -1px rgba(80, 70, 50, 0.05);
    --theme-shadow-md: 0 4px 12px -2px rgba(80, 70, 50, 0.09), 0 2px 6px -2px rgba(80, 70, 50, 0.06);
    --theme-shadow-lg: 0 14px 30px -6px rgba(80, 70, 50, 0.13), 0 6px 14px -4px rgba(80, 70, 50, 0.08);
    --theme-shadow-xl: 0 22px 46px -8px rgba(80, 70, 50, 0.17), 0 10px 22px -6px rgba(80, 70, 50, 0.1);

    --primary-gradient: linear-gradient(135deg, #7C8290 0%, #4A515C 100%);
    --primary-gradient-soft: linear-gradient(135deg, #A9AEB8 0%, #8C8B85 100%);
    --bg-gradient: radial-gradient(ellipse at 15% 0%, rgba(93, 100, 112, 0.06) 0%, transparent 50%), radial-gradient(ellipse at 85% 0%, rgba(110, 114, 135, 0.05) 0%, transparent 45%);

    --navbar-bg: rgba(251, 250, 246, 0.78);
    --navbar-border: rgba(221, 216, 205, 0.9);

    /* 导航/网址卡的品牌色 */
    --theme-nav-primary: #5D6470;
    --theme-nav-primary-deep: #454B56;
    --theme-nav-soft: rgba(93, 100, 112, 0.1);
    --theme-nav-soft-strong: rgba(93, 100, 112, 0.15);
    --theme-nav-shadow: rgba(93, 100, 112, 0.18);
    --theme-nav-border-soft: rgba(93, 100, 112, 0.35);

    /* 公告区域 */
    --announce-top-bg: linear-gradient(135deg, #efe9dc, #e4dcc8);
    --announce-top-border: #8a835f;
    --announce-top-icon: #8a835f;
    --announce-bg: rgba(93, 100, 112, 0.07);
    --announce-border: #5D6470;
    --announce-icon: #5D6470;

    /* 布局变量：各模板保持完全一致，避免切换错位 */
    --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="frost-white"] body {
    background-color: var(--theme-bg);
    background-image: var(--bg-gradient);
}

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

[data-theme-template="frost-white"] footer {
    background: linear-gradient(180deg, transparent 0%, rgba(234, 231, 223, 0.55) 100%);
}

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

[data-theme-template="frost-white"] .stat-icon,
[data-theme-template="frost-white"] [class*="stat-icon-"] {
    background: rgba(93, 100, 112, 0.12);
    color: var(--theme-primary);
}