/**
 * 发展规划处蓝色主题 - 与校园鸟瞰大图呼应
 * 主色：蓝（主楼/天空）| 背景：暖米白（浅色建筑）| 悬停/点缀：琥珀金（日出日落）
 */

:root {
    /* ===== 主色（品牌色 - 蓝灰主楼/天空）===== */
    --color-primary: #1976d2;
    --color-primary-dark: #1565c0;
    --color-primary-darker: #0d47a1;

    /* ===== 整站悬停/交互色（与鸟瞰图暖光呼应，统一顺眼）===== */
    --color-hover: #d4a017;
    --color-hover-dark: #b8860b;
    --color-hover-rgba-15: rgba(212, 160, 23, 0.15);
    --color-hover-rgba-30: rgba(212, 160, 23, 0.3);
    
    /* 主色半透明变体 - 用于背景、边框、阴影等 */
    --color-primary-rgba-01: rgba(25, 118, 210, 0.01);
    --color-primary-rgba-02: rgba(25, 118, 210, 0.02);
    --color-primary-rgba-03: rgba(25, 118, 210, 0.03);
    --color-primary-rgba-05: rgba(25, 118, 210, 0.05);
    --color-primary-rgba-06: rgba(25, 118, 210, 0.06);
    --color-primary-rgba-08: rgba(25, 118, 210, 0.08);
    --color-primary-rgba-10: rgba(25, 118, 210, 0.1);
    --color-primary-rgba-12: rgba(25, 118, 210, 0.12);
    --color-primary-rgba-15: rgba(25, 118, 210, 0.15);
    --color-primary-rgba-18: rgba(25, 118, 210, 0.18);
    --color-primary-rgba-20: rgba(25, 118, 210, 0.2);
    --color-primary-rgba-25: rgba(25, 118, 210, 0.25);
    --color-primary-rgba-30: rgba(25, 118, 210, 0.3);
    --color-primary-rgba-40: rgba(25, 118, 210, 0.4);
    --color-primary-rgba-60: rgba(25, 118, 210, 0.6);
    --color-primary-rgba-70: rgba(25, 118, 210, 0.7);
    --color-primary-rgba-80: rgba(25, 118, 210, 0.8);
    --color-primary-rgba-90: rgba(25, 118, 210, 0.9);
    
    /* 深蓝半透明变体 */
    --color-primary-dark-rgba-10: rgba(13, 71, 161, 0.1);
    --color-primary-dark-rgba-15: rgba(13, 71, 161, 0.15);
    --color-primary-dark-rgba-30: rgba(13, 71, 161, 0.3);
    --color-primary-dark-rgba-80: rgba(13, 71, 161, 0.8);
    
    /* ===== 背景色（暖米白/浅色建筑，与大图整体呼应）===== */
    --color-bg-primary: #fff;
    --color-bg-light-green: #f0f5eb;
    --color-bg-light-blue: #f2f4f8;
    --color-bg-light-beige: #f8f6f2;
    --color-bg-light-gray: #f6f5f3;
    --color-bg-gray: #f0eeeb;
    
    /* ===== 文字色 ===== */
    --color-text-primary: #333;
    --color-text-secondary: #555;
    --color-text-tertiary: #444;
    --color-text-title: #1a237e;
    --color-text-dark: #1a1a1a;
    --color-text-muted: #607d8b;
    --color-text-light: #90a4ae;
    --color-text-white: #fff;
    --color-text-black: #000;
    
    /* ===== 边框与分割线（略暖灰，与背景协调）===== */
    --color-border-light: #e8eaf0;
    --color-border-gray: #d4d6dc;
    --color-border-lighter: #ebe9e6;
    --color-border-medium: #b8b5ae;
    --color-border-dark: #7a7874;
    --color-border-white: #fff;
    --color-border-f3: #f0eeeb;
    
    /* ===== 特殊用途色 ===== */
    --color-accent-red: #d32f2f;
    --color-logo-text: #1976d2;

    /* ===== 校园鸟瞰 强调色（与主图呼应）===== */
    --color-accent-warm: #d4a017;           /* 琥珀/金 - 天空与红褐建筑 */
    --color-accent-warm-dark: #b8860b;      /* 深琥珀 - 悬停等 */
    --color-accent-terracotta: #b85c38;      /* 砖红 - 建筑暖色 */
    --color-accent-green: #2e7d32;          /* 深绿 - 草地树木 */
    --color-accent-green-light: #689f38;    /* 黄绿 - 辅助、标签 */
    --color-accent-warm-rgba-15: rgba(212, 160, 23, 0.15);
    --color-accent-warm-rgba-25: rgba(212, 160, 23, 0.25);
    --color-accent-green-rgba-10: rgba(46, 125, 50, 0.1);
    --gradient-accent-warm: linear-gradient(135deg, var(--color-accent-warm) 0%, var(--color-accent-terracotta) 100%);
    --gradient-accent-green: linear-gradient(135deg, var(--color-accent-green) 0%, var(--color-accent-green-light) 100%);
    --color-overlay: rgba(0, 0, 0, 0.3);
    --color-overlay-dark: rgba(0, 0, 0, 0.5);
    --color-overlay-darker: rgba(0, 0, 0, 0.7);
    --color-overlay-darkest: rgba(0, 0, 0, 0.8);
    
    /* 白色半透明 */
    --color-white-rgba-10: rgba(255, 255, 255, 0.1);
    --color-white-rgba-15: rgba(255, 255, 255, 0.15);
    --color-white-rgba-20: rgba(255, 255, 255, 0.2);
    --color-white-rgba-50: rgba(255, 255, 255, 0.5);
    --color-white-rgba-70: rgba(255, 255, 255, 0.7);
    
    /* 黑色半透明 - 阴影等 */
    --color-black-rgba-05: rgba(0, 0, 0, 0.05);
    --color-black-rgba-08: rgba(0, 0, 0, 0.08);
    --color-black-rgba-10: rgba(0, 0, 0, 0.1);
    --color-black-rgba-15: rgba(0, 0, 0, 0.15);
    --color-black-rgba-20: rgba(0, 0, 0, 0.2);
    --color-black-rgba-30: rgba(0, 0, 0, 0.3);
    --color-black-rgba-35: rgba(0, 0, 0, 0.35);
    --color-black-rgba-40: rgba(0, 0, 0, 0.4);
    --color-black-rgba-50: rgba(0, 0, 0, 0.5);
    
    /* ===== 渐变 ===== */
    --gradient-primary: linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary-rgba-60) 100%);
    --gradient-primary-135: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-rgba-80) 100%);
    --gradient-primary-180: linear-gradient(180deg, var(--color-primary) 0%, var(--color-primary-rgba-80) 100%);
    --gradient-primary-dark: linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary-darker) 100%);
    
    --gradient-bg-light: linear-gradient(135deg, var(--color-bg-light-gray) 0%, var(--color-bg-primary) 100%);
    --gradient-bg-primary: linear-gradient(90deg, var(--color-hover-rgba-15) 0%, var(--color-primary-rgba-05) 50%, var(--color-primary-rgba-02) 100%);
    --gradient-bg-header: linear-gradient(135deg, var(--color-primary-rgba-06) 0%, var(--color-primary-rgba-03) 50%, var(--color-hover-rgba-15) 100%);
    
    --gradient-overlay: linear-gradient(transparent, var(--color-overlay-darker));
    --gradient-border: linear-gradient(90deg, transparent 0%, var(--color-primary-rgba-10) 50%, transparent 100%);
}

/* 整站悬停已统一为 --color-hover（琥珀金），与鸟瞰图暖光呼应；背景为暖米白。 */