/* ============================================ THEME: ROYAL BLUE (alliance / royal-blue) Applied via ============================================ */ .theme-alliance-blue { --color-bg-primary: #1a2332; --color-bg-secondary: #2d3e50; --color-bg-overlay: rgba(0, 0, 0, 0.2); --color-bg-overlay-dark: rgba(0, 0, 0, 0.3); --color-bg-overlay-darker: rgba(0, 0, 0, 0.35); --color-text-primary: #ffffff; --color-text-secondary: #d1d5db; --color-text-muted: #9ca3af; --color-text-light: #e5e7eb; --color-accent-primary: #ffc107; --color-accent-primary-hover: #ffca2c; --color-accent-secondary: #0d6efd; --color-accent-blue-light: #60a5fa; --color-danger: #dc2626; --color-danger-light: #f87171; --color-success: #10b981; --color-warning: #f59e0b; --color-border-light: rgba(255, 255, 255, 0.1); --color-border-accent: rgba(255, 193, 7, 0.3); --color-card-bg: rgba(255, 255, 255, 0.05); --color-card-bg-hover: rgba(255, 255, 255, 0.08); --color-card-border: rgba(255, 255, 255, 0.15); --color-problem-left-bg: rgba(13, 110, 253, 0.15); --color-problem-left-border: rgba(13, 110, 253, 0.3); --color-problem-right-bg: rgba(220, 38, 38, 0.15); --color-problem-right-border: rgba(220, 38, 38, 0.3); --gradient-bg-primary: linear-gradient(135deg, #1a2332 0%, #2d3e50 100%); --gradient-solution: linear-gradient(135deg, rgba(13, 110, 253, 0.05) 0%, rgba(255, 193, 7, 0.05) 100%); --gradient-income: linear-gradient(135deg, rgba(255, 193, 7, 0.08) 0%, rgba(13, 110, 253, 0.08) 100%); --gradient-ownership: linear-gradient(135deg, rgba(13, 110, 253, 0.2) 0%, rgba(255, 193, 7, 0.2) 100%); --shadow-accent: 0 4px 14px rgba(255, 193, 7, 0.4); --shadow-accent-hover: 0 6px 20px rgba(255, 193, 7, 0.6); --shadow-featured: 0 8px 24px rgba(255, 193, 7, 0.2); }