/* =========================================
   THEME CONFIGURATION
   Change these variables to re-brand the site.
   ========================================= */
:root {
    /* Colors */
    --brand-primary: #0A84FF;       /* Bright Blue */
    --brand-accent: #5E5CE6;        /* Purple */
    --brand-dark: #F5F5F7;          /* Text is Light in Dark Mode */
    --brand-success: #30D158;
    
    /* Backgrounds (Dark Mode presets based on your screenshot) */
    --bg-body: #000000;             
    --bg-card: #1C1C1E;             
    --bg-input: #2C2C2E;

    --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    
    --radius-sm: 8px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    
    /* Shadows suited for dark mode (subtle) */
    --shadow-card: 0 0 0 1px rgba(255,255,255,0.1), 0 20px 40px rgba(0,0,0,0.6);
    --shadow-focus: 0 0 0 4px rgba(10, 132, 255, 0.3);
    
    --gradient-text: linear-gradient(135deg, var(--brand-primary), var(--brand-accent));
}

/* Dark Mode Support (Optional - Browser Preference) */
@media (prefers-color-scheme: dark) {
    :root {
        --brand-primary: #0A84FF;
        --brand-dark: #F5F5F7;
        --bg-body: #000000;
        --bg-card: #1C1C1E;
        --bg-input: #2C2C2E;
        --shadow-card: 0 20px 40px rgba(0, 0, 0, 0.4);
    }
}