/* =========================================
   THEME.CSS
   Handles Colors, Fonts, and Light/Dark Logic
   ========================================= */

/* ===== GLOBAL VARIABLES (Brand Colors) ===== */
:root {
    /* Exact Brand Colors */
    --brand-blue: #084aa8;       /* Primary */
    --brand-blue-dark: #063a85;  
    
    --brand-orange: #f38432;     /* Secondary */
    --brand-orange-hover: #d9752b; 
    
    --brand-white: #ffffff;      
    --brand-midnight: #0B0C15;   /* Dark Theme Background */
    
    /* Defaults */
    --font-main: 'Outfit', sans-serif;
    --font-mono: 'Space Mono', monospace;
}

/* ===== LIGHT THEME (Default) ===== */
[data-theme="light"] {
    /* 1. TEXT COLORS */
    --primary: var(--brand-blue);      
    --primary-dark: var(--brand-blue-dark);
    --secondary: var(--brand-midnight);
    
    /* Backgrounds */
    --bg-solid: #FFFFFF;
    --bg-gradient: linear-gradient(180deg, #FFFFFF 0%, #F0F7FF 100%);
    
    /* Text */
    --text: #111827; 
    --text-muted: var(--brand-blue); 
    
    /* Navigation */
    --nav-bg: #FFFFFF;
    --nav-border: #E5E7EB;
    --nav-text: var(--brand-blue); 
    
    /* FOOTER (White Bg / Blue Text) */
    --footer-bg: #FFFFFF;
    --footer-text: var(--brand-blue);
    --footer-brand-color: var(--brand-blue);
    
    /* Cards */
    --card-bg: #FFFFFF;
    --card-border: #E5E7EB;
    --card-text: #111827;
    --card-muted: var(--brand-blue); 
    
    /* --- BUTTON LOGIC --- */
    
    /* Top Buttons: BLUE / WHITE TEXT */
    --btn-bg: var(--brand-blue);
    --btn-text: #FFFFFF; 
    --btn-hover: var(--brand-blue-dark);
    --btn-font-weight: 700; /* Bold for White text */

    /* Bottom Buttons: ORANGE / WHITE TEXT */
    --cta-btn-bg: var(--brand-orange);
    --cta-btn-text: #FFFFFF;
    --cta-btn-hover: var(--brand-orange-hover);
    
    /* Consent Box */
    --consent-bg: #F9FAFB;
    --consent-text: var(--brand-blue);
    --consent-border: #E5E7EB;

    /* Specific Sections */
    --testimonials-bg: #F9FAFB;
    --testimonials-text: #111827;
    --testimonials-muted: var(--brand-blue);
    
    --cta-bg: var(--brand-blue);
    --cta-text: #FFFFFF;
}

/* ===== DARK THEME (High Contrast) ===== */
[data-theme="dark"] {
    /* 1. TEXT COLORS */
    --primary: var(--brand-orange); 
    --primary-dark: var(--brand-orange-hover);
    
    /* Backgrounds */
    --bg-solid: #0B0C15;
    --bg-gradient: linear-gradient(180deg, #151725 0%, #0B0C15 100%);
    
    /* Text */
    --text: #FFFFFF;
    --text-muted: #FFFFFF; 
    
    /* Navigation */
    --nav-bg: #FFFFFF;
    --nav-border: #E5E7EB;
    --nav-text: var(--brand-blue); 
    
    /* FOOTER */
    --footer-bg: #FFFFFF;
    --footer-text: var(--brand-blue);
    --footer-brand-color: var(--brand-blue);
    
    /* Cards */
    --card-bg: #151725;
    --card-border: #2D3748;
    --card-text: #FFFFFF;
    --card-muted: #A0AEC0;
    
    /* --- BUTTON LOGIC --- */
    
    /* Top Buttons: ORANGE / BLACK TEXT */
    --btn-bg: var(--brand-orange);
    --btn-text: #000000; 
    --btn-hover: var(--brand-orange-hover);
    --btn-font-weight: 400; /* Normal weight for Black text (Requested) */

    /* Bottom Buttons: ORANGE / BLACK TEXT */
    --cta-btn-bg: var(--brand-orange);
    --cta-btn-text: #000000;
    --cta-btn-hover: var(--brand-orange-hover);
    
    /* Consent Box */
    --consent-bg: #1F2937;
    --consent-text: #FFFFFF;
    --consent-border: #374151;
    
    /* Specific Sections */
    --testimonials-bg: #0B0C15; 
    --testimonials-text: #FFFFFF;
    --testimonials-muted: #A0AEC0;
    
    --cta-bg: #151725;
    --cta-text: #FFFFFF;
}