/* ============================================================
   皮肤：经典 · 浅色（CLASSIC / LIGHT）—— 站点默认皮肤
   ------------------------------------------------------------
   这是易聊社区改版前的那套蓝白：品牌蓝 #2f6bff + 冷调浅灰底 #f3f5fb。
   色值全部 1:1 取自改版前的 static/css/variables.css（含独立页各自的
   历史硬编码值），**没有一个是凭感觉调的**，只为「视觉上回到改版前」。

   本皮肤除了颜色，还覆盖了一部分「结构常量」，因为旧版排版本身
   就是观感的一部分：Sora 800 标题 + -0.01em 字距、圆角 4~10px、
   旧投影值、旧缓动、卡片标题的 4px 粗竖条、不显示品牌拉丁副标。
   皮肤文件加载在 variables.css / main.css 之后，这些覆盖是安全的，
   也只在本皮肤生效（切走即还原舟味）。
   ============================================================ */

/* ---------------- 颜色令牌（64 项，与其它皮肤逐项对齐） ---------------- */
:root {
    color-scheme: light;

    /* 品牌蓝（旧值原样） */
    --primary: #2f6bff;
    --primary-dark: #1f54e0;
    --primary-light: #5b87ff;
    --primary-50: rgba(47, 107, 255, 0.06);
    --primary-100: rgba(47, 107, 255, 0.12);
    --primary-200: rgba(47, 107, 255, 0.20);
    --primary-rgb: 47, 107, 255;
    --on-primary: #FFFFFF;
    --on-error: #FFFFFF;

    /* 暖珊瑚（旧值原样，仅作语义强调） */
    --secondary: #ff6a3d;
    --secondary-light: #ff8a63;
    --secondary-50: rgba(255, 106, 61, 0.10);

    /* 成功绿（旧值原样） */
    --accent: #00b96b;
    --accent-dark: #009e5a;
    --accent-50: rgba(0, 185, 107, 0.10);
    --on-accent: #FFFFFF;

    /* 表面与底色（旧值原样，冷调中性灰） */
    --background: #f3f5fb;
    --background-deep: #e7ebf4;
    --surface: #ffffff;
    --surface-solid: #ffffff;
    --surface-light: #f6f8fc;
    --surface-alt: #eef1f8;

    /* 文字（旧值原样） */
    --text-primary: #161b29;
    --text-secondary: #535b70;
    --text-muted: #8b93a7;

    /* 描边（旧值原样） */
    --border: #e6e9f2;
    --border-strong: #d4d9e6;
    --border-light: #f1f3f9;

    /* 投影（旧值原样：极轻、中性、无彩色光晕） */
    --shadow-xs: 0 1px 2px rgba(20, 30, 60, 0.04);
    --shadow-sm: 0 1px 2px rgba(20, 30, 60, 0.05);
    --shadow-md: 0 1px 3px rgba(20, 30, 60, 0.06);
    --shadow-lg: 0 2px 8px rgba(20, 30, 60, 0.08);

    /* 焦点环（旧值原样） */
    --ring: 0 0 0 3px var(--primary-100);
    --ring-strong: 0 0 0 4px var(--primary-100);

    /* 语义色（旧值原样） */
    --color-error: #f5455c;
    --color-error-dark: #d83a4f;
    --color-error-50: #fdeef0;
    --color-success: #00b96b;
    --color-info: #2f6bff;
    --color-warning: #ff9f43;
    --color-warning-bg: #fff5e6;

    /* 下面这 6 项是重构后新增的令牌，旧版没有对应定义（旧版是在 main.css 里
       直接写死的），按旧调色板推导，保持与旧观感一致：
       --color-warning-ink / -ink-strong / -border  ← 旧 .guest-banner 的 #8c5a12 / #d97706 / #ffe1a8
       --alert-error-border / --alert-success-border ← 旧 .alert-error / .alert-success 的 #fbd5da / #c8efd9 */
    --color-warning-ink: #8c5a12;
    --color-warning-ink-strong: #d97706;
    --color-warning-border: #ffe1a8;
    --alert-error-border: #fbd5da;
    --alert-success-border: #c8efd9;

    /* 毛玻璃面：旧版 navbar 就是这三档白（旧 main.css 里的 rgba 直写） */
    --navbar-bg: rgba(255, 255, 255, 0.82);
    --navbar-menu-bg: rgba(255, 255, 255, 0.97);
    --glass-bg: rgba(255, 255, 255, 0.70);
    --panel-bg: rgba(255, 255, 255, 0.99);
    --scrim: rgba(0, 0, 0, 0.45);

    /* 角色徽章（旧 main.css 直写值） */
    --role-super-bg: rgba(255, 154, 67, 0.16);
    --role-super-ink: #d97706;
    --role-admin-bg: rgba(0, 185, 107, 0.14);
    --role-admin-ink: #0a8a4f;

    /* 等级色（旧 main.css 的 lv-0~6 原值，彩虹递进就是旧观感） */
    --lv-0: #9e9e9e;
    --lv-1: #616161;
    --lv-2: #22c55e;
    --lv-3: #3b82f6;
    --lv-4: #f97316;
    --lv-5: #f76b1c;
    --lv-6: #ef4444;
    --lv-ink: #FFFFFF;

    /* 质感令牌：旧版细线用 --border，半调点旧版没有（给个暖色低透明兜底） */
    --zf-rule: #e6e9f2;
    --zf-dot: rgba(255, 159, 67, 0.45);
}

/* ---------------- 结构常量回归（旧排版观感） ---------------- */
:root {
    /* 圆角回到旧的四档 4/5/6/8/10 */
    --radius-xs: 4px;
    --radius-sm: 5px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --radius-xl: 10px;
    --radius-pill: 9999px;

    /* 标题字体回到 Sora（旧版 --font-display 就是 Sora，不含思源黑体） */
    --font-display: 'Sora', 'PingFang SC', system-ui, sans-serif;
    /* 旧版标题字距 -0.01em（正负都不夸张），拉丁副标旧版没有 */
    --tracking-title: -0.01em;
    --tracking-title-sm: -0.01em;
    --tracking-latin: 0.06em;

    /* 动效回到旧缓动 */
    --transition: 0.22s cubic-bezier(0.22, 1, 0.36, 1);
    --transition-fast: 0.14s ease;
    --transition-slow: 0.4s cubic-bezier(0.22, 1, 0.36, 1);
    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}

/* ---------------- 组件级回归 ---------------- */
/* 大标题回到 Sora 800（旧值），不再是思源黑体 900 */
h1, h2 { font-weight: 800; }
.font-display { font-weight: 800; }
.navbar-brand { font-weight: 800; letter-spacing: -0.02em; }
.card-header h2, .card-header h3 { font-weight: 700; font-family: var(--font-sans); }
/* 旧版帖子标题是正文黑体 600、无字距 */
.post-title {
    font-family: var(--font-sans); font-weight: 600;
    letter-spacing: 0; font-size: 0.98rem;
}
/* 卡片标题标记回到旧的 4px 粗竖色条（不是舟味细横线） */
.card-header h2::before, .card-header h3::before {
    width: 4px; height: 16px; border-radius: 4px; background: var(--primary);
}
/* 旧版导航栏没有拉丁副标 */
.navbar-brand .brand-latin { display: none; }
/* 主题切换面板是本轮新增组件，旧皮肤的投影太浅会显得没有层级，单独给一档 */
.zf-theme-panel { box-shadow: 0 8px 24px rgba(20, 30, 60, 0.12); }