/**
 * Theme System
 * Default theme: cappilot (main)
 * Alternative theme: bank
 */

:root {
    /* ==================== CapPilot Theme (Default) ==================== */
    
    /* Brand Colors */
    --color-primary: #6366f1;
    --color-primary-hover: #4f46e5;
    --color-primary-light: rgba(99, 102, 241, 0.15);
    --color-primary-subtle: rgba(99, 102, 241, 0.08);
    
    /* Accent & Gradients */
    --color-accent-primary: #6366f1;
    --color-accent-secondary: #8b5cf6;
    --color-accent-hover: #4f46e5;
    --color-accent-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
    --color-btn-gradient: linear-gradient(135deg, #6366f1 0%, #818cf8 100%);
    
    /* Background */
    --color-bg-primary: #ffffff;
    --color-bg-secondary: #f8f9fa;
    --color-bg-tertiary: #f1f3f5;
    --color-bg-subtle: #f8f9fa;
    
    /* Text */
    --color-text-primary: #0f172a;
    --color-text-secondary: #475569;
    --color-text-tertiary: #94a3b8;
    
    /* Borders */
    --color-border: rgba(15, 23, 42, 0.08);
    --color-border-hover: rgba(15, 23, 42, 0.15);
    --color-stroke: #e2e8f0;
    
    /* Typography */
    --font-primary: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-display: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    
    /* Shadows */
    --shadow-glow: 0 0 40px rgba(99, 102, 241, 0.15);
    --shadow-btn: 0 4px 16px rgba(99, 102, 241, 0.4);
    --shadow-card: 0 4px 16px rgba(0, 0, 0, 0.15);
}

/* ==================== Bank Theme ==================== */

[data-theme="bank"] {
    /* Brand Colors */
    --color-primary: #103793;
    --color-primary-hover: #08163D;
    --color-primary-light: rgba(16, 55, 147, 0.15);
    --color-primary-subtle: rgba(16, 55, 147, 0.08);
    
    /* Accent - No gradients, solid colors */
    --color-accent-primary: #103793;
    --color-accent-secondary: #103793;
    --color-accent-hover: #08163D;
    --color-accent-gradient: #103793;
    --color-btn-gradient: #103793;
    
    /* Background */
    --color-bg-primary: #FFFFFF;
    --color-bg-secondary: #F5F7FD;
    --color-bg-tertiary: #e7f0fa;
    --color-bg-subtle: #F5F7FD;
    
    /* Text */
    --color-text-primary: #37373A;
    --color-text-secondary: #394564;
    --color-text-tertiary: #6B7280;
    
    /* Borders */
    --color-border: #E3E3ED;
    --color-border-hover: rgba(57, 69, 100, 0.15);
    --color-stroke: #E3E3ED;
    
    /* Typography - Montserrat & Rubik */
    --font-primary: 'Montserrat', 'Rubik', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-display: 'Montserrat', sans-serif;
    
    /* Shadows */
    --shadow-glow: 0 0 40px rgba(16, 55, 147, 0.15);
    --shadow-btn: 0 4px 16px rgba(16, 55, 147, 0.4);
    --shadow-card: 0 4px 16px rgba(12, 12, 13, 0.15);
}

/* Google Fonts for Bank theme */
[data-theme="bank"] {
    /* Fonts loaded via HTML link tags when bank theme is active */
}