/* ========================================================================== Siatkarskie Podlasie - Mikasa Theme (Yellow-Blue) Activated via [data-theme="mikasa"] on ========================================================================== */ [data-theme="mikasa"] { /* Colors - Brand */ --color-primary: #2E3F8F; --color-primary-light: #4A5DB5; --color-primary-dark: #1F2A5A; --color-primary-rgb: 46, 63, 143; --color-secondary: #F2C500; --color-secondary-light: #FFD740; --color-secondary-dark: #C9A400; --color-secondary-rgb: 242, 197, 0; --color-accent: #F2C500; --color-accent-light: #FFD740; --color-accent-rgb: 242, 197, 0; /* Colors - Neutral */ --color-dark: #1A1F3A; --color-dark-rgb: 26, 31, 58; --color-bg-secondary: rgba(46, 63, 143, 0.04); /* Gradients */ --gradient-primary: linear-gradient(135deg, #2E3F8F 0%, #4A5DB5 100%); --gradient-secondary: linear-gradient(135deg, #F2C500 0%, #FFD740 100%); --gradient-hero: linear-gradient(180deg, rgba(26,31,58,0.75) 0%, rgba(46,63,143,0.60) 50%, rgba(26,31,58,0.85) 100%); --gradient-card: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(26,31,58,0.80) 100%); /* Colors - Overlay */ --color-overlay: rgba(26, 31, 58, 0.6); } /* ---- Navbar ---- */ [data-theme="mikasa"] .navbar { background: rgba(31, 42, 90, 0.95); } /* ---- Navbar brand icon ---- */ [data-theme="mikasa"] .brand-icon { background: transparent; } /* ---- Mobile Menu ---- */ [data-theme="mikasa"] .mobile-nav-menu { background: rgba(31, 42, 90, 0.98); } /* ---- Event Card Date ---- */ [data-theme="mikasa"] .event-card-date { background: rgba(46, 63, 143, 0.08); } /* ---- Footer Social Hover ---- */ [data-theme="mikasa"] .footer-social a:hover { background: #2E3F8F; } /* ---- Tabs ---- */ [data-theme="mikasa"] .tab:hover { border-color: #4A5DB5; box-shadow: 0 2px 8px rgba(46,63,143,0.12); } [data-theme="mikasa"] .tab.active { box-shadow: 0 3px 12px rgba(46,63,143,0.25); } /* ---- Quick Results Bar ---- */ [data-theme="mikasa"] .quick-results-bar { background: #1A1F3A; } /* ---- Footer ---- */ [data-theme="mikasa"] .footer { background: #1A1F3A; } /* ---- Loading screen (if visible during theme) ---- */ [data-theme="mikasa"] .loading-screen { background: linear-gradient(135deg, #2E3F8F 0%, #4A5DB5 50%, #1F2A5A 100%); } /* Theme toggle and mobile theme toggle are defined in components.css */