app/static/css/variables.css

/* app/static/css/variables.css - 定义CSS变量 */

:root {
    --primary-color: #007bff; /* 主蓝色 */
    --primary-dark: #0056b3; /* 深蓝色 */
    --secondary-color: #6c757d; /* 次要灰色 */
    --background-light: #f8f9fa; /* 浅背景色 */
    --background-medium: #e9ecef; /* 中等背景色 */
    --text-dark: #343a40; /* 深色文本 */
    --text-light: #ffffff; /* 浅色文本 */
    --border-color: #dee2e6; /* 边框颜色 */
    --card-bg: #ffffff; /* 卡片背景 */
    --shadow-light: rgba(0, 0, 0, 0.08); /* 柔和阴影 */
    --shadow-medium: rgba(0, 0, 0, 0.15); /* 中等阴影 */
    --success-color: #28a745; /* 成功绿色 */
    --danger-color: #dc3545; /* 危险红色 */
    --warning-color: #ffc107; /* 警告黄色 */
    --info-color: #17a2b8; /* 信息蓝色 */
}