/* ===================================================================
   Warren Station — Design Tokens (字体/颜色统一配置)
   修改此文件即可全局生效，无需逐个查找
   =================================================================== */

:root {
    /* ===== 字体族 ===== */
    --font-en: 'Space Grotesk', 'Inter', -apple-system, sans-serif;
    --font-cn: 'Noto Sans SC', -apple-system, 'PingFang SC', sans-serif;

    /* ===== 颜色 ===== */
    --bg: #000000;
    --bg2: #0a0a0a;
    --bg3: #111111;
    --bg4: #1a1a1a;
    --accent: #e85d3a;
    --accent2: #d4442a;
    --accent3: #c2185b;
    --text: #f5f5f7;
    --text2: #86868b;
    --text3: #48484a;
    --gradient: linear-gradient(135deg, #e85d3a 0%, #d4442a 50%, #c2185b 100%);
    --gradient-warm: linear-gradient(135deg, #ff6b6b 0%, #feca57 100%);

    /* ===== 圆角 ===== */
    --radius: 18px;
    --radius-sm: 12px;
    --radius-xs: 8px;

    /* ===== 过渡 ===== */
    --transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --transition-fast: all 0.2s ease;

    /* ===== 导航栏 ===== */
    --nav-logo-font: var(--font-en);
    --nav-logo-size: 0.95rem;
    --nav-logo-weight: 600;
    --nav-link-size: 0.88rem;

    /* ===== 人名字体（核心配置）===== */
    /* 成员详情 hero 区域（最大标题）*/
    --name-hero-cn-size: clamp(2.5rem, 7vw, 4.5rem);
    --name-hero-cn-weight: 900;
    --name-hero-cn-font: var(--font-cn);
    --name-hero-en-size: 0.5em;
    --name-hero-en-weight: 300;
    --name-hero-en-font: var(--font-en);
    --name-hero-en-color: var(--text2);

    /* 成员详情 信息区域（图片右侧）*/
    --name-detail-cn-size: clamp(1.8rem, 4vw, 2.8rem);
    --name-detail-cn-weight: 700;
    --name-detail-en-size: 0.5em;
    --name-detail-en-weight: 300;
    --name-detail-en-color: var(--text2);

    /* 成员列表卡片 */
    --name-card-cn-size: clamp(1.6rem, 3vw, 2.2rem);
    --name-card-cn-weight: 700;
    --name-card-en-size: 0.5em;
    --name-card-en-weight: 300;
    --name-card-en-color: var(--text2);

    /* 英文名通用样式 */
    --name-en-style: italic;
    --name-en-spacing: 0.02em;

    /* 成员卡片箭头颜色 */
    --name-arrow-color: var(--text);
    --name-arrow-hover-color: var(--accent);
}
