/* EZ Audit Theme Variables - Light/Dark Mode Support */

:root {
    /* ===== DARK MODE (Default) ===== */

    /* Backgrounds */
    --theme-bg-body: #0f1019;
    --theme-bg-card: #1a1c2e;
    --theme-bg-elevated: #252740;
    --theme-bg-hover: rgba(255, 255, 255, 0.05);
    --theme-bg-input: rgba(255, 255, 255, 0.05);

    /* Borders */
    --theme-border: rgba(255, 255, 255, 0.04);
    --theme-border-hover: rgba(255, 255, 255, 0.1);
    --theme-border-focus: rgba(124, 77, 255, 0.5);

    /* Text */
    --theme-text-primary: #ffffff;
    --theme-text-secondary: #94a3b8;
    --theme-text-muted: #64748b;
    --theme-text-inverse: #0f1019;

    /* Shadows */
    --theme-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.2);
    --theme-shadow-md: 0 4px 20px rgba(0, 0, 0, 0.3);
    --theme-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.4);
    --theme-shadow-glow: 0 0 20px rgba(124, 77, 255, 0.3);

    /* Gradients */
    --theme-gradient-sidebar: linear-gradient(180deg, #1a1c2e 0%, #0f1019 100%);
    --theme-gradient-card-glow: linear-gradient(135deg, rgba(124, 77, 255, 0.1) 0%, rgba(255, 94, 124, 0.1) 100%);

    /* Glass Effects */
    --theme-glass-bg: rgba(255, 255, 255, 0.03);
    --theme-glass-border: rgba(255, 255, 255, 0.04);

    /* ===== BRAND COLORS (Same in both themes) ===== */
    --theme-brand-primary: #7C4DFF;
    --theme-brand-secondary: #FF5E7C;
    --theme-brand-accent: #00C6AE;
    --theme-brand-light: rgba(124, 77, 255, 0.15);
    --theme-brand-hover: #6B3FE8;

    /* Status Colors */
    --theme-success: #10b981;
    --theme-success-bg: rgba(16, 185, 129, 0.1);
    --theme-warning: #f59e0b;
    --theme-warning-bg: rgba(245, 158, 11, 0.1);
    --theme-danger: #ef4444;
    --theme-danger-bg: rgba(239, 68, 68, 0.1);
    --theme-info: #3b82f6;
    --theme-info-bg: rgba(59, 130, 246, 0.1);

    /* Gradients for buttons/badges */
    --theme-gradient-primary: linear-gradient(135deg, #7C4DFF 0%, #FF5E7C 100%);
    --theme-gradient-success: linear-gradient(135deg, #00C6AE 0%, #10b981 100%);
    --theme-gradient-warning: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
    --theme-gradient-danger: linear-gradient(135deg, #FF5E7C 0%, #ef4444 100%);
}

/* ===== LIGHT MODE ===== */
html.light-theme {
    /* Backgrounds */
    --theme-bg-body: #f8fafc;
    --theme-bg-card: #ffffff;
    --theme-bg-elevated: #f1f5f9;
    --theme-bg-hover: rgba(0, 0, 0, 0.04);
    --theme-bg-input: rgba(0, 0, 0, 0.03);

    /* Borders */
    --theme-border: rgba(0, 0, 0, 0.08);
    --theme-border-hover: rgba(0, 0, 0, 0.12);
    --theme-border-focus: rgba(124, 77, 255, 0.5);

    /* Text */
    --theme-text-primary: #1e293b;
    --theme-text-secondary: #475569;
    --theme-text-muted: #94a3b8;
    --theme-text-inverse: #ffffff;

    /* Shadows */
    --theme-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
    --theme-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --theme-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.1);
    --theme-shadow-glow: 0 0 20px rgba(124, 77, 255, 0.15);

    /* Gradients */
    --theme-gradient-sidebar: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    --theme-gradient-card-glow: linear-gradient(135deg, rgba(124, 77, 255, 0.05) 0%, rgba(255, 94, 124, 0.03) 100%);

    /* Glass Effects */
    --theme-glass-bg: rgba(255, 255, 255, 0.8);
    --theme-glass-border: rgba(0, 0, 0, 0.06);

    /* Status backgrounds slightly more visible in light mode */
    --theme-success-bg: rgba(16, 185, 129, 0.12);
    --theme-warning-bg: rgba(245, 158, 11, 0.12);
    --theme-danger-bg: rgba(239, 68, 68, 0.12);
    --theme-info-bg: rgba(59, 130, 246, 0.12);
}