/**
 * @fileoverview Modern Light Theme
 * @description Premium light theme with curated color palette,
 *              smooth gradients, and modern aesthetics.
 */

:root {
    /* === Premium Color Palette === */
    /* Primary: Elegant Teal-Blue Gradient */
    --ct-primary: #0ea5e9;
    --ct-primary-hover: #0284c7;
    --ct-primary-light: #38bdf8;
    --ct-primary-dark: #0369a1;
    --ct-primary-rgb: 14, 165, 233;

    /* Secondary: Warm Indigo */
    --ct-secondary: #6366f1;
    --ct-secondary-hover: #4f46e5;

    /* Accent: Vibrant Coral */
    --ct-accent: #f97316;
    --ct-accent-hover: #ea580c;

    /* Status Colors - Refined */
    --ct-success: #22c55e;
    --ct-success-light: #dcfce7;
    --ct-warning: #eab308;
    --ct-warning-light: #fef9c3;
    --ct-error: #ef4444;
    --ct-error-light: #fee2e2;
    --ct-info: #3b82f6;
    --ct-info-light: #dbeafe;

    /* === Light Theme === */
    /* Background Gradient System */
    --bg-primary: #f8fafc;
    --bg-secondary: #ffffff;
    --bg-tertiary: #f1f5f9;
    --bg-glass: rgba(255, 255, 255, 0.85);
    --bg-gradient: linear-gradient(135deg, #f8fafc 0%, #e0f2fe 50%, #f0f9ff 100%);
    --bg-gradient-subtle: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);

    /* Typography */
    --text-primary: #0f172a;
    --text-secondary: #475569;
    --text-tertiary: #94a3b8;
    --text-inverse: #ffffff;
    --text-link: var(--ct-primary);
    --text-link-hover: var(--ct-primary-dark);

    /* Borders - Softer, more refined */
    --border-color: #e2e8f0;
    --border-color-strong: #cbd5e1;
    --border-radius-sm: 8px;
    --border-radius-md: 12px;
    --border-radius-lg: 16px;
    --border-radius-xl: 24px;

    /* Shadows - Multi-layered for depth */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);
    --shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.04);
    --shadow-xl: 0 20px 40px -10px rgba(0, 0, 0, 0.1), 0 8px 16px -8px rgba(0, 0, 0, 0.06);
    --shadow-glow: 0 0 20px rgba(14, 165, 233, 0.15);
    --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.04), 0 6px 16px rgba(0, 0, 0, 0.06);

    /* Glass Effect - Modern Glassmorphism */
    --glass-bg: rgba(255, 255, 255, 0.8);
    --glass-border: rgba(255, 255, 255, 0.6);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    --glass-blur: blur(12px);

    /* Sidebar - Clean and Modern */
    --sidebar-bg: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);
    --sidebar-text: #f1f5f9;
    --sidebar-text-muted: #94a3b8;
    --sidebar-hover: rgba(255, 255, 255, 0.08);
    --sidebar-active: var(--ct-primary);
    --sidebar-active-bg: rgba(14, 165, 233, 0.15);

    /* Input Fields - Refined */
    --input-bg: #ffffff;
    --input-border: #e2e8f0;
    --input-border-hover: #cbd5e1;
    --input-focus-border: var(--ct-primary);
    --input-focus-ring: rgba(14, 165, 233, 0.2);
    --input-placeholder: #94a3b8;

    /* Cards - Elevated with subtle depth */
    --card-bg: #ffffff;
    --card-border: #f1f5f9;
    --card-hover: #f8fafc;
    --card-shadow: var(--shadow-card);

    /* Badges - Status Indicators */
    --badge-available: #22c55e;
    --badge-available-bg: rgba(34, 197, 94, 0.1);
    --badge-unavailable: #ef4444;
    --badge-unavailable-bg: rgba(239, 68, 68, 0.1);
    --badge-partial: #f59e0b;
    --badge-partial-bg: rgba(245, 158, 11, 0.1);
    --badge-unknown: #eab308;
    --badge-unknown-bg: rgba(234, 179, 8, 0.15);

    /* Buttons */
    --btn-primary-bg: linear-gradient(135deg, var(--ct-primary) 0%, var(--ct-primary-dark) 100%);
    --btn-primary-hover: linear-gradient(135deg, var(--ct-primary-hover) 0%, var(--ct-primary-dark) 100%);
    --btn-secondary-bg: #f1f5f9;
    --btn-secondary-hover: #e2e8f0;

    /* Transitions */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.25s ease;
    --transition-slow: 0.4s ease;
    --transition-bounce: 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);

    /* Z-Index Scale */
    --z-dropdown: 100;
    --z-modal: 200;
    --z-tooltip: 300;
    --z-toast: 400;
}

/* Remove auto dark mode - force light theme */
@media (prefers-color-scheme: dark) {
    :root {
        /* Keep light theme values */
        --bg-primary: #f8fafc;
        --bg-secondary: #ffffff;
        --bg-tertiary: #f1f5f9;
        --text-primary: #0f172a;
        --text-secondary: #475569;
    }
}