/**
 * 时光邮局 - 设计令牌系统 (时光 palette)
 * 仅包含 CSS :root 变量，不包含任何组件样式
 * 唯一被 PC 端和移动端同时加载的 CSS 文件
 * 修改此文件只会影响色彩/间距/圆角参数，不影响组件布局
 */

:root {
    /* ========================================
       1. 色彩系统 - 时光 palette
       ======================================== */
    /* 信纸底色层级 - 暖白调 */
    --color-bg-body: #faf8f5;
    --color-bg-card: #fffdf9;
    --color-bg-elevated: #f5f0e8;
    --color-bg-paper: #faf8f5;
    --color-bg-overlay: rgba(139, 107, 74, 0.06);

    /* 主色调 - 岁月暖棕（替代冷蓝） */
    --color-primary: #8B6B4A;
    --color-primary-light: #A07D5A;
    --color-primary-dark: #6B4F35;
    --color-primary-soft: rgba(139, 107, 74, 0.08);

    /* 辅助色 - 墨绿 */
    --color-secondary: #7A8B6E;
    --color-secondary-dark: #5E6D54;

    /* 强调色 */
    --color-accent: #c9a96e;

    /* 情感色彩 */
    --color-sent: #5a7d9a;
    --color-waiting: #c9a96e;
    --color-public: #8a9e7d;
    --color-love: #b86b6b;

    /* 警告/成功/危险 */
    --color-warning: #c9a96e;
    --color-warning-dark: #a88b4a;
    --color-danger: #b86b6b;
    --color-success: #6b8f6b;

    /* 文字色 - 信墨色 */
    --color-text-primary: #2c2c2c;
    --color-text-secondary: #6b6b6b;
    --color-text-muted: #a0a0a0;
    --color-text-placeholder: #b8b8b8;

    /* 边框 */
    --color-border: #e8e4df;
    --color-border-light: #f0ece6;
    --color-input-bg: #fffdf9;
    --color-input-border: #ddd8d1;

    /* 深色模式 */
    --color-dark-body: #1a1a2e;
    --color-dark-card: #16213e;
    --color-dark-text: #e8e8e8;
    --color-dark-primary: #4a9eff;

    /* ========================================
       2. 排版系统 - 时光邮局字体规范 v2.0
       ======================================== */

    /* ---- 字体分类（用途优先） ---- */
    /* 品牌/标题字体：衬线体有文化底蕴 */
    --font-family-display: "PingFang SC", "Noto Serif SC", "Source Han Serif SC", "Source Han Serif CN", STSong, "SimSun", serif;
    /* 正文字体：楷体接近手写，有温度 */
    --font-family-body: "Noto Serif SC", "KaiTi", "STKaiti", "FangSong", "FangSong_GB2312", "STFangsong", serif;
    /* UI字体：清晰易读 */
    --font-family-ui: "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    /* 数字字体：等宽数字整齐美观 */
    --font-family-numeric: "DIN Alternate", "DIN Pro", "SF Pro Display", "Roboto", sans-serif;
    /* 全局默认字体（UI优先） */
    --font-family: var(--font-family-ui);

    /* ---- 字号层级 ---- */
    --font-size-h1: 48px;        /* 首页大标题 */
    --font-size-h2: 32px;        /* 页面主标题 */
    --font-size-h3: 24px;        /* 区块标题 */
    --font-size-h4: 18px;        /* 卡片标题 */
    --font-size-body: 16px;      /* 正文 */
    --font-size-body-large: 17px; /* 信件内容 */
    --font-size-body-small: 14px; /* 辅助文字 */
    --font-size-caption: 12px;   /* 注释说明 */

    /* ---- 字重层级 ---- */
    --font-weight-h1: 600;
    --font-weight-h2: 600;
    --font-weight-h3: 600;
    --font-weight-h4: 600;
    --font-weight-body: 400;
    --font-weight-body-large: 400;
    --font-weight-body-small: 400;
    --font-weight-caption: 400;

    /* ---- 行高层级 ---- */
    --line-height-h1: 1.2;
    --line-height-h2: 1.3;
    --line-height-h3: 1.4;
    --line-height-h4: 1.5;
    --line-height-body: 1.8;      /* 正文 */
    --line-height-body-large: 2.0; /* 信件内容 */
    --line-height-body-small: 1.6;
    --line-height-caption: 1.5;

    /* ========================================
       3. 阴影系统 - 信纸弥散
       ======================================== */
    --shadow-card: 0 1px 3px rgba(0,0,0,0.04), 0 4px 16px rgba(0,0,0,0.02);
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.04);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.04);
    --shadow-lg: 0 8px 32px rgba(0,0,0,0.05);
    --shadow-hover: 0 4px 12px rgba(0,0,0,0.06), 0 16px 48px rgba(0,0,0,0.04);

    /* ========================================
       4. 圆角系统 - Apple Style
       ======================================== */
    --radius-xs: 5px;
    --radius-sm: 8px;
    --radius-md: 11px;
    --radius-lg: 18px;
    --radius-pill: 9999px;
    --radius-full: 9999px;

    /* ========================================
       5. 间距系统（8px 基数）
       ======================================== */
    --sp-xs: 4px;
    --sp-sm: 8px;
    --sp-md: 16px;
    --sp-lg: 24px;
    --sp-xl: 32px;
    --sp-2xl: 48px;
    --sp-section: 80px;
}

/* 色彩方案由 header.php 内联注入，详见头部 <style> */