/**
 * Blue Theme (Default)
 * Dark background with vibrant blues, purples, and teals
 */

:root {
    /* Primary blues */
    --color-primary: #3b82f6;
    --color-primary-dark: #2563eb;
    --color-primary-light: #60a5fa;
    --color-primary-rgb: 59, 130, 246;

    /* Secondary purple */
    --color-secondary: #8b5cf6;
    --color-secondary-dark: #7c3aed;
    --color-secondary-light: #a78bfa;

    /* Accent teal/cyan */
    --color-accent: #06b6d4;
    --color-accent-dark: #0891b2;
    --color-accent-light: #22d3ee;

    /* Highlight pink/magenta */
    --color-highlight: #ec4899;
    --color-highlight-dark: #db2777;
    --color-highlight-light: #f472b6;

    /* Dark backgrounds */
    --color-background: #0f172a;
    --color-surface: #1e293b;
    --color-surface-light: #334155;

    /* Text colors for dark bg */
    --color-text: #f1f5f9;
    --color-text-muted: #94a3b8;
    --color-text-bright: #ffffff;

    /* Borders */
    --color-border: #334155;
    --color-border-light: #475569;

    /* Status colors */
    --color-success: #10b981;
    --color-success-dark: #059669;
    --color-error: #f43f5e;
    --color-error-dark: #e11d48;
    --color-warning: #f59e0b;
    --color-info: #0ea5e9;

    /* Gradients */
    --gradient-primary: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
    --gradient-accent: linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);
    --gradient-highlight: linear-gradient(135deg, #ec4899 0%, #8b5cf6 100%);
    --gradient-hero: linear-gradient(135deg, #1e293b 0%, #0f172a 50%, #1e1b4b 100%);
    --gradient-card: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);
}