/**
 * 射标网——商标智能管理平台
 * 作者：星球软件CEwww
 * 文件绝对路径：/static/css/variables.css
 * CSS变量定义
 */

:root {
    /* ===== 主品牌色 (前台) ===== */
    --primary: #15a69f; /* 边框和深背景 */
    --primary-dark: #016f6a; /* 浅背景文字 */
    --primary-bg: #e6f4f3; /* 浅背景 */
    --primary-text: #ffffff; /* 深背景文字 */
    
    /* ===== 后台品牌色 ===== */
    --admin-primary: #9290a0; /* 边框和深背景 */
    --admin-primary-dark: #4e4a67; /* 浅背景文字 */
    --admin-primary-bg: #e3e0f5; /* 浅背景 */
    --admin-primary-text: #ffffff; /* 深背景文字 */
    
    /* ===== 功能色 ===== */
    --success: #2b7e3a;
    --warning: #e6a017;
    --danger: #c23d3d;
    --info: #3a7b9a;
    
    /* ===== 中性色 ===== */
    --text-main: #1a2b3c;
    --text-weak: #5a6e7c;
    --text-light: #8c9a9f;
    --text-white: #ffffff;
    
    /* ===== 背景色 ===== */
    --bg-white: #ffffff;
    --bg-gray: #f5f7f9;
    --bg-card: #ffffff;
    --bg-hover: #f0f8f7;
    
    /* ===== 边框 ===== */
    --border: #15a69f;
    --border-light: #e6f4f3;
    --border-focus: #15a69f;
    
    /* ===== 圆角 ===== */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-full: 9999px;
    
    /* ===== 阴影 ===== */
    --shadow-xs: 0 1px 2px rgba(0,0,0,0.03);
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.05);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
    --shadow-lg: 0 8px 24px rgba(0,0,0,0.12);
    --shadow-primary: 0 4px 12px rgba(1,111,106,0.2);
    
    /* ===== 间距 ===== */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;
    
    /* ===== 字体 ===== */
    --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-xs: 12px;
    --font-sm: 13px;
    --font-base: 14px;
    --font-md: 16px;
    --font-lg: 18px;
    --font-xl: 20px;
    --font-2xl: 22px;
    --font-3xl: 28px;
    
    /* ===== 过渡 ===== */
    --transition: all 0.2s ease;
}

/* 移动端变量调整 */
@media (max-width: 768px) {
    :root {
        --space-md: 12px;
        --space-lg: 20px;
        --radius-md: 8px;
        --radius-lg: 12px;
        --font-base: 14px;
        --font-2xl: 20px;
    }
}