/* EZ Audit Theme Variables - Clover Style Guide */
/* Primary: #B6FB6F (Clover Green) | Secondary: #000000 (Black) | Accent: #FFFFFF (White) */

:root {
    /* ===== LIGHT MODE (Default - Clover Style) ===== */

    /* Backgrounds */
    --theme-bg-body: #FFFFFF;
    --theme-bg-card: #FFFFFF;
    --theme-bg-elevated: #F5F5F5;
    --theme-bg-hover: #F0F0F0;
    --theme-bg-input: #F5F5F5;

    /* Borders */
    --theme-border: rgba(0, 0, 0, 0.08);
    --theme-border-hover: rgba(0, 0, 0, 0.12);
    --theme-border-focus: rgba(182, 251, 111, 0.5);

    /* Text */
    --theme-text-primary: #000000;
    --theme-text-secondary: #3A3A3A;
    --theme-text-muted: #64748B;
    --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 12px 24px rgba(0, 0, 0, 0.12);
    --theme-shadow-glow: 0 0 20px rgba(182, 251, 111, 0.3);

    /* Gradients */
    --theme-gradient-sidebar: linear-gradient(180deg, #FFFFFF 0%, #F8F8F8 100%);
    --theme-gradient-card-glow: linear-gradient(135deg, rgba(182, 251, 111, 0.08) 0%, rgba(0, 68, 0, 0.05) 100%);

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

    /* Sidebar specific for light mode */
    --sidebar-text-primary: #000000;
    --sidebar-text-secondary: #3A3A3A;
    --sidebar-text-muted: #64748B;

    /* ===== BRAND COLORS (Clover Style Guide) ===== */
    --theme-brand-primary: #B6FB6F;
    --theme-brand-secondary: #000000;
    --theme-brand-accent: #FFFFFF;
    --theme-brand-light: rgba(182, 251, 111, 0.15);
    --theme-brand-hover: #A8F55F;
    --theme-brand-dark: #004400;

    /* Status Colors (Keep for accessibility) */
    --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, #B6FB6F 0%, #004400 100%);
    --theme-gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);
    --theme-gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    --theme-gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);

    /* ===== DESIGN SYSTEM TOKENS ===== */

    /* Border Radius Scale */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --radius-full: 100px;

    /* Transitions */
    --transition-fast: 0.15s;
    --transition-base: 0.25s;
    --transition-slow: 0.35s;
    --ease-out: cubic-bezier(0.4, 0, 0.2, 1);
    --ease-spring: cubic-bezier(0.175, 0.885, 0.32, 1.275);

    /* Hover Transforms */
    --hover-lift-sm: translateY(-2px);
    --hover-lift-md: translateY(-4px);

    /* Premium Multi-layer Shadows */
    --shadow-premium-sm: 0 2px 4px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
    --shadow-premium-md: 0 4px 12px rgba(0,0,0,0.08), 0 2px 4px rgba(0,0,0,0.04);
    --shadow-premium-lg: 0 12px 24px rgba(0,0,0,0.12), 0 4px 8px rgba(0,0,0,0.06);
    --shadow-glow-brand: 0 8px 24px rgba(182, 251, 111, 0.3);

    /* Additional Status Colors */
    --theme-success-accent: #00C6AE;
}

/* ===== DARK MODE (Optional) ===== */
html.dark-theme {
    /* Backgrounds */
    --theme-bg-body: #0a0a0a;
    --theme-bg-card: #1a1a1a;
    --theme-bg-elevated: #252525;
    --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.08);
    --theme-border-hover: rgba(255, 255, 255, 0.12);
    --theme-border-focus: rgba(182, 251, 111, 0.5);

    /* Text */
    --theme-text-primary: #FFFFFF;
    --theme-text-secondary: #A0A0A0;
    --theme-text-muted: #6B6B6B;
    --theme-text-inverse: #000000;

    /* Shadows */
    --theme-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --theme-shadow-md: 0 4px 20px rgba(0, 0, 0, 0.4);
    --theme-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5);
    --theme-shadow-glow: 0 0 20px rgba(182, 251, 111, 0.4);

    /* Gradients */
    --theme-gradient-sidebar: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%);
    --theme-gradient-card-glow: linear-gradient(135deg, rgba(182, 251, 111, 0.1) 0%, rgba(0, 68, 0, 0.08) 100%);

    /* Glass Effects */
    --theme-glass-bg: rgba(26, 26, 26, 0.9);
    --theme-glass-border: rgba(255, 255, 255, 0.08);

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

    /* Premium Multi-layer Shadows (dark mode) */
    --shadow-premium-sm: 0 2px 4px rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.15);
    --shadow-premium-md: 0 4px 12px rgba(0,0,0,0.25), 0 2px 4px rgba(0,0,0,0.15);
    --shadow-premium-lg: 0 12px 24px rgba(0,0,0,0.35), 0 4px 8px rgba(0,0,0,0.2);
    --shadow-glow-brand: 0 8px 24px rgba(182, 251, 111, 0.25);
}