/**
 * 博力彩票 · 全站设计令牌（电脑端 + 手机端共用）
 */

:root {
    /* 品牌色 */
    --brand-primary: #c41e3a;
    --brand-primary-dark: #8b1528;
    --brand-primary-light: #e8354f;
    --brand-primary-glow: rgba(196, 30, 58, 0.35);
    --brand-gold: #d4af37;
    --brand-gold-light: #f0d080;
    --brand-gold-shine: #ffe9a8;
    --brand-gold-glow: rgba(212, 175, 55, 0.4);
    --brand-blue: #2f6fd6;
    --brand-blue-light: #5b9cf5;
    --brand-orange: #ff9800;
    --brand-teal: #2db5a5;

    /* 中性色 */
    --bg-page: #e4e9f2;
    --bg-page-alt: #d8dfea;
    --bg-card: #ffffff;
    --bg-card-soft: #fafbfd;
    --bg-dark: #070a12;
    --bg-dark-soft: #0f1420;
    --bg-dark-card: rgba(14, 18, 30, 0.92);
    --text-primary: #0f1419;
    --text-secondary: #4a5568;
    --text-muted: #8b93a7;
    --text-inverse: #ffffff;
    --border-light: rgba(15, 20, 32, 0.07);
    --border-medium: rgba(15, 20, 32, 0.12);
    --border-gold: rgba(212, 175, 55, 0.32);
    --border-gold-strong: rgba(212, 175, 55, 0.55);

    /* 圆角与阴影 */
    --radius-2xl: 28px;
    --radius-xl: 22px;
    --radius-lg: 18px;
    --radius-md: 14px;
    --radius-sm: 10px;
    --radius-xs: 6px;
    --shadow-xs: 0 2px 8px rgba(11, 15, 26, 0.04);
    --shadow-sm: 0 4px 20px rgba(11, 15, 26, 0.07);
    --shadow-md: 0 12px 40px rgba(11, 15, 26, 0.1);
    --shadow-lg: 0 24px 64px rgba(11, 15, 26, 0.14);
    --shadow-xl: 0 32px 80px rgba(11, 15, 26, 0.18);
    --shadow-dark: 0 28px 72px rgba(0, 0, 0, 0.45);
    --shadow-gold: 0 8px 28px rgba(212, 175, 55, 0.28);
    --shadow-primary: 0 8px 28px rgba(196, 30, 58, 0.32);

    /* 玻璃态 */
    --glass-bg: rgba(255, 255, 255, 0.82);
    --glass-border: rgba(255, 255, 255, 0.65);
    --glass-blur: 18px;

    /* 桌面端 */
    --desktop-sidebar: #0c101c;
    --desktop-sidebar-mid: #121829;
    --desktop-sidebar-hover: rgba(212, 175, 55, 0.12);
    --desktop-header-top: #050810;
    --desktop-header-main: rgba(255, 255, 255, 0.92);
    --desktop-sidebar-width: 272px;
    --desktop-user-card-height: 252px;
    --desktop-content-max: 1320px;
    --desktop-nav-height: 92px;

    /* 渐变预设 */
    --gradient-gold: linear-gradient(135deg, var(--brand-gold-shine) 0%, var(--brand-gold-light) 45%, var(--brand-gold) 100%);
    --gradient-primary: linear-gradient(145deg, var(--brand-primary-light) 0%, var(--brand-primary) 55%, var(--brand-primary-dark) 100%);
    --gradient-dark: linear-gradient(165deg, #1a2238 0%, #0e1220 50%, #070a12 100%);
    --gradient-sidebar: linear-gradient(180deg, #161d32 0%, var(--desktop-sidebar) 40%, #0a0e18 100%);

    /* 动效 */
    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --transition-fast: 0.15s var(--ease-out);
    --transition-normal: 0.25s var(--ease-out);

    /* 字体（国内优先系统字体，避免外链阻塞） */
    --font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", sans-serif;
    --font-size-base: 14px;
    --line-height-base: 1.428571429;

    /* 手机端别名（兼容 mobile-home.css） */
    --m-primary: var(--brand-primary);
    --m-primary-dark: var(--brand-primary-dark);
    --m-primary-light: var(--brand-primary-light);
    --m-gold: var(--brand-gold);
    --m-gold-light: var(--brand-gold-light);
    --m-gold-shine: var(--brand-gold-shine);
    --m-blue: var(--brand-blue);
    --m-blue-light: var(--brand-blue-light);
    --m-bg: var(--bg-page);
    --m-card: var(--bg-card);
    --m-text: var(--text-primary);
    --m-text-sub: var(--text-secondary);
    --m-radius: var(--radius-lg);
    --m-radius-sm: var(--radius-md);
    --m-shadow: var(--shadow-md);
    --m-shadow-lg: var(--shadow-lg);

    /* H5 简洁主题 */
    --clean-bg: #f4f5f7;
    --clean-surface: #ffffff;
    --clean-text: #1d2129;
    --clean-text-secondary: #86909c;
    --clean-primary-soft: rgba(196, 30, 58, 0.08);
    --clean-header: linear-gradient(155deg, #1a2030 0%, #2b3448 52%, #1e2536 100%);
    --clean-radius: 16px;
    --clean-shadow: 0 4px 24px rgba(28, 34, 51, 0.06);

    /* 投注页 */
    --bet-header: linear-gradient(145deg, #2a3040 0%, #1a1f2e 100%);
    --bet-teal: var(--brand-teal);
    --bet-teal-dark: #239688;
    --bet-teal-light: #3ec9b8;
    --bet-red: #f0544f;
    --bet-red-dark: #d93d38;
    --bet-gold: var(--brand-orange);
}