/* ============================================
   CSS 变量定义
   ============================================ */

:root {
    /* 布局变量 */
    --header-height: 64px;
    --container-max-width: 1320px;
    --container-padding: 20px;

    /* 字体变量 */
    --font-primary-inter: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-barlow: 'Barlow', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* 默认深色主题变量 */
    --primary-color: #8b0000;
    --primary-light: #007bff;
    --primary-dark: #4a00b0;
    --secondary-color: #00f7ff;
    --text-color: #e0e0e0;
    --text-dark: #333;
    --bg-color: #121212;
    --bg-light: #1e1e1e;
    --bg-lighter: #2a2a2a;
    --card-bg: #1e1e1e;
    --card-hover: #2a2a2a;
    --border-color: #333;
    --success-color: #00c853;
    --warning-color: #ffab00;
    --error-color: #ff3d00;
    /* hint color — dark theme (light text on dark bg) */
    --text-hint: rgba(255, 255, 255, 0.55);
}

[data-theme="light"] {
    /* 浅色主题变量覆盖 */
    --text-color: #333;
    --text-dark: #121212;
    --bg-color: #ffffff;
    --bg-light: #ffffff;
    --bg-lighter: #f0f0f0;
    --card-bg: #ffffff;
    --card-hover: #f5f5f5;
    --border-color: #e0e0e0;
    --text-hint: rgba(0, 0, 0, .4);
}