/* ============================================ 교육부서 색상 테마 - 각 부서별 고유 색상 정의 - body에 클래스 추가하여 사용 - 예: ============================================ */ /* ============================================ 아기부 (Baby) - 핑크 ============================================ */ .dept-theme-baby { --dept-primary: #ec4899; --dept-secondary: #db2777; --dept-gradient: linear-gradient(135deg, #ec4899 0%, #db2777 100%); --dept-bg: #fdf2f8; --dept-card-bg: #fce7f3; --dept-border: #fbcfe8; --dept-icon-bg: rgba(236, 72, 153, 0.1); --dept-badge-bg: rgba(236, 72, 153, 0.1); --dept-light-bg: #fce7f3; } /* ============================================ 영아부 (Infant) - 하늘색 ============================================ */ .dept-theme-infant { --dept-primary: #3b82f6; --dept-secondary: #2563eb; --dept-gradient: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%); --dept-bg: #eff6ff; --dept-card-bg: #dbeafe; --dept-border: #bfdbfe; --dept-icon-bg: rgba(59, 130, 246, 0.1); --dept-badge-bg: rgba(59, 130, 246, 0.1); --dept-light-bg: #dbeafe; } /* ============================================ 초등부 (Elementary) - 블루 ============================================ */ .dept-theme-elementary { --dept-primary: #1565C0; --dept-secondary: #0D47A1; --dept-gradient: linear-gradient(135deg, #1565C0 0%, #0D47A1 100%); --dept-bg: #E3F2FD; --dept-card-bg: #BBDEFB; --dept-border: #90CAF9; --dept-icon-bg: rgba(21, 101, 192, 0.1); --dept-badge-bg: rgba(21, 101, 192, 0.1); --dept-light-bg: #E3F2FD; } /* ============================================ 중등부 (Middle) - 퍼플 ============================================ */ .dept-theme-middle { --dept-primary: #667eea; --dept-secondary: #764ba2; --dept-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%); --dept-bg: #f5f3ff; --dept-card-bg: #ede9fe; --dept-border: #ddd6fe; --dept-icon-bg: rgba(102, 126, 234, 0.1); --dept-badge-bg: rgba(102, 126, 234, 0.1); --dept-light-bg: #ede9fe; } /* ============================================ 고등부 (High) - 네이비 ============================================ */ .dept-theme-high { --dept-primary: #1e3a8a; --dept-secondary: #3b82f6; --dept-gradient: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%); --dept-bg: #eff6ff; --dept-card-bg: #dbeafe; --dept-border: #bfdbfe; --dept-icon-bg: rgba(30, 58, 138, 0.1); --dept-badge-bg: rgba(30, 58, 138, 0.1); --dept-light-bg: #dbeafe; } /* ============================================ 청년부 (Youth) - 다크네이비 ============================================ */ .dept-theme-youth { --dept-primary: #2B3B6D; --dept-secondary: #1A2C52; --dept-gradient: linear-gradient(135deg, #2B3B6D 0%, #1A2C52 100%); --dept-bg: #f8fafc; --dept-card-bg: #f1f5f9; --dept-border: #e2e8f0; --dept-icon-bg: rgba(43, 59, 109, 0.1); --dept-badge-bg: rgba(43, 59, 109, 0.1); --dept-light-bg: #f1f5f9; } /* ============================================ 투게더 (Together) - 브라운 ============================================ */ .dept-theme-together { --dept-primary: #8B7355; --dept-secondary: #6B5344; --dept-gradient: linear-gradient(135deg, #8B7355 0%, #6B5344 100%); --dept-bg: #FAF8F5; --dept-card-bg: #F5F0E8; --dept-border: #E8E4DF; --dept-icon-bg: rgba(139, 115, 85, 0.1); --dept-badge-bg: rgba(139, 115, 85, 0.1); --dept-light-bg: #F5F0E8; } /* ============================================ 유년부 (Junior) - 그린 ============================================ */ .dept-theme-junior { --dept-primary: #10b981; --dept-secondary: #059669; --dept-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%); --dept-bg: #ecfdf5; --dept-card-bg: #d1fae5; --dept-border: #a7f3d0; --dept-icon-bg: rgba(16, 185, 129, 0.1); --dept-badge-bg: rgba(16, 185, 129, 0.1); --dept-light-bg: #d1fae5; } /* ============================================ 소년부 (Senior) - 오렌지 ============================================ */ .dept-theme-senior { --dept-primary: #f59e0b; --dept-secondary: #d97706; --dept-gradient: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --dept-bg: #fffbeb; --dept-card-bg: #fef3c7; --dept-border: #fde68a; --dept-icon-bg: rgba(245, 158, 11, 0.1); --dept-badge-bg: rgba(245, 158, 11, 0.1); --dept-light-bg: #fef3c7; }