/**
 * Design Token — 全站 CSS 变量（深色 / 浅色双主题）
 * 用于：所有前台页面
 */

/* 深色主题（默认） */
:root,
[data-theme="dark"] {
    --color-bg: #141318;
    --color-surface: #1E1D24;
    --color-surface-hover: #2A2933;
    --color-accent: #D4845C;
    --color-accent-dim: rgba(212, 132, 92, 0.15);
    --color-text: #F0EEE6;
    --color-text-muted: #9B98A8;
    --color-up: #6EEBB5;
    --color-up-bg: rgba(110, 235, 181, 0.12);
    --color-down: #F07178;
    --color-down-bg: rgba(240, 113, 120, 0.12);
    --color-border: rgba(240, 238, 230, 0.08);
    --color-input-bg: #2A2933;
    --color-shadow: rgba(0, 0, 0, 0.35);
    --color-nav-bg: rgba(20, 19, 24, 0.92);
    --color-chain-line: rgba(212, 132, 92, 0.45);
    --color-flash-up: rgba(110, 235, 181, 0.35);
    --color-flash-down: rgba(240, 113, 120, 0.35);
    /* 价格闪烁箭头：比底色更亮/更饱和，深色主题用高亮绿红 */
    --color-arrow-up: #7FF5C4;
    --color-arrow-down: #FF9AA0;
}

/* 浅色主题 */
[data-theme="light"] {
    --color-bg: #F5F3EE;
    --color-surface: #FFFFFF;
    --color-surface-hover: #EDEAE3;
    --color-accent: #B86A42;
    --color-accent-dim: rgba(184, 106, 66, 0.12);
    --color-text: #1A1920;
    --color-text-muted: #6B6878;
    --color-up: #0D9B6E;
    --color-up-bg: rgba(13, 155, 110, 0.1);
    --color-down: #D63B44;
    --color-down-bg: rgba(214, 59, 68, 0.1);
    --color-border: rgba(26, 25, 32, 0.1);
    --color-input-bg: #FFFFFF;
    --color-shadow: rgba(26, 25, 32, 0.08);
    --color-nav-bg: rgba(255, 255, 255, 0.94);
    --color-chain-line: rgba(184, 106, 66, 0.35);
    --color-flash-up: rgba(13, 155, 110, 0.25);
    --color-flash-down: rgba(214, 59, 68, 0.25);
    /* 价格闪烁箭头：比底色更深更饱和，浅色主题用深绿深红 */
    --color-arrow-up: #047A52;
    --color-arrow-down: #B82E36;
}

/* 间距 / 圆角 / 字体（主题无关） */
:root {
    --radius-sm: 6px;
    --radius-md: 10px;
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --container-max: 1280px;
    --header-h: 56px;
    --font-display: 'Syne', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
    --font-body: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
    --font-mono: 'DM Mono', 'SF Mono', 'Consolas', 'Noto Sans SC', monospace;
    --transition-fast: 150ms ease;
    --transition-normal: 300ms ease;
    --color-logo-brand: #F7931A;
}