/* LMS Admin Custom Theme Variables - Collaborative Theme */
:root {
    /* Collaborative Theme - Primary Purple Palette */
    --primary-royal: #6e5391;
    --primary-royal-light: #8a72a6;
    --primary-royal-dark: #5d4577;
    --primary-royal-muted: #9b88b3;
    
    /* Collaborative Theme - Secondary Gold Palette */
    --secondary-gold: #d4af37;
    --secondary-gold-light: #e4c557;
    --secondary-gold-dark: #b8941f;
    --secondary-gold-muted: #f4e6a1;
    
    /* Collaborative Theme - Sophisticated Neutrals */
    --neutral-pearl: #fafbfc;
    --neutral-whisper: #f5f7fa;
    --neutral-soft: #e8ecf0;
    --neutral-slate: #64748b;
    --neutral-charcoal: #1e293b;
    --neutral-midnight: #0f172a;
    
    /* Brand Colors - Mapped to Collaborative Theme */
    --lms-primary: var(--primary-royal);
    --lms-primary-dark: var(--primary-royal-dark);
    --lms-primary-light: var(--primary-royal-light);
    --lms-secondary: var(--neutral-slate);
    --lms-secondary-dark: var(--neutral-charcoal);
    --lms-secondary-light: var(--neutral-soft);
    --lms-accent: var(--secondary-gold);
    --lms-accent-dark: var(--secondary-gold-dark);
    --lms-accent-light: var(--secondary-gold-light);

    /* Status Colors */
    --lms-success: #10b981;
    --lms-success-dark: #059669;
    --lms-success-light: #34d399;
    --lms-warning: #f59e0b;
    --lms-warning-dark: #d97706;
    --lms-warning-light: #fbbf24;
    --lms-danger: #ef4444;
    --lms-danger-dark: #dc2626;
    --lms-danger-light: #f87171;
    --lms-info: #06b6d4;
    --lms-info-dark: #0891b2;
    --lms-info-light: #22d3ee;

    /* Neutral Colors - Mapped to Collaborative Theme */
    --lms-gray-50: var(--neutral-pearl);
    --lms-gray-100: var(--neutral-whisper);
    --lms-gray-200: var(--neutral-soft);
    --lms-gray-300: #cbd5e1;
    --lms-gray-400: var(--neutral-slate);
    --lms-gray-500: var(--neutral-slate);
    --lms-gray-600: #475569;
    --lms-gray-700: #334155;
    --lms-gray-800: var(--neutral-charcoal);
    --lms-gray-900: var(--neutral-midnight);

    /* Typography */
    --font-serif: 'Playfair Display', serif;
    --font-sans: 'Inter', sans-serif;
    --lms-font-family-serif: var(--font-serif);
    --lms-font-family-sans: var(--font-sans);
    --lms-font-family-mono: 'JetBrains Mono', 'Fira Code', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
    --lms-font-size-xs: 0.75rem;
    --lms-font-size-sm: 0.875rem;
    --lms-font-size-base: 1rem;
    --lms-font-size-lg: 1.125rem;
    --lms-font-size-xl: 1.25rem;
    --lms-font-size-2xl: 1.5rem;
    --lms-font-size-3xl: 1.875rem;
    --lms-font-size-4xl: 2.25rem;
    --lms-font-size-5xl: 3rem;
    --lms-font-size-6xl: 3.75rem;
    --lms-font-weight-light: 300;
    --lms-font-weight-normal: 400;
    --lms-font-weight-medium: 500;
    --lms-font-weight-semibold: 600;
    --lms-font-weight-bold: 700;
    --lms-line-height-tight: 1.25;
    --lms-line-height-normal: 1.5;
    --lms-line-height-relaxed: 1.75;

    /* Spacing System */
    --lms-space-0: 0;
    --lms-space-1: 0.25rem;
    --lms-space-2: 0.5rem;
    --lms-space-3: 0.75rem;
    --lms-space-4: 1rem;
    --lms-space-5: 1.25rem;
    --lms-space-6: 1.5rem;
    --lms-space-8: 2rem;
    --lms-space-10: 2.5rem;
    --lms-space-12: 3rem;
    --lms-space-16: 4rem;
    --lms-space-20: 5rem;
    --lms-space-24: 6rem;
    --lms-space-32: 8rem;

    /* Border Radius */
    --lms-radius-none: 0;
    --lms-radius-sm: 0.125rem;
    --lms-radius-base: 0.25rem;
    --lms-radius-md: 0.375rem;
    --lms-radius-lg: 0.5rem;
    --lms-radius-xl: 0.75rem;
    --lms-radius-2xl: 1rem;
    --lms-radius-full: 9999px;

    /* Shadows */
    --lms-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --lms-shadow-base: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --lms-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --lms-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --lms-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --lms-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);

    /* Transitions */
    --lms-transition-fast: 150ms ease-in-out;
    --lms-transition-base: 200ms ease-in-out;
    --lms-transition-slow: 300ms ease-in-out;

    /* Z-Index Scale */
    --lms-z-dropdown: 1000;
    --lms-z-sticky: 1020;
    --lms-z-fixed: 1030;
    --lms-z-modal-backdrop: 1040;
    --lms-z-modal: 1050;
    --lms-z-popover: 1060;
    --lms-z-tooltip: 1070;
    --lms-z-toast: 1080;

    /* Breakpoints (for reference) */
    --lms-breakpoint-sm: 576px;
    --lms-breakpoint-md: 768px;
    --lms-breakpoint-lg: 992px;
    --lms-breakpoint-xl: 1200px;
    --lms-breakpoint-2xl: 1400px;
}

/* Light Theme Variables (default) */
[data-theme="light"] {
    --lms-bg-primary: #ffffff;
    --lms-bg-secondary: #f8fafc;
    --lms-bg-tertiary: #f1f5f9;
    --lms-text-primary: #0f172a;
    --lms-text-secondary: #475569;
    --lms-text-tertiary: #64748b;
    --lms-border-color: #e2e8f0;
}

/* Dark Theme Variables */
[data-theme="dark"] {
    --lms-primary: var(--primary-royal-light);
    --lms-primary-dark: var(--primary-royal);
    --lms-primary-light: var(--primary-royal-muted);
    --lms-secondary: var(--neutral-slate);
    --lms-secondary-dark: var(--neutral-charcoal);
    --lms-secondary-light: var(--neutral-soft);
    --lms-accent: var(--secondary-gold-light);
    --lms-accent-dark: var(--secondary-gold);
    --lms-accent-light: var(--secondary-gold-muted);

    /* Dark theme background and text colors */
    --lms-bg-primary: #0f172a;
    --lms-bg-secondary: #1e293b;
    --lms-bg-tertiary: #334155;
    --lms-text-primary: #f8fafc;
    --lms-text-secondary: #cbd5e1;
    --lms-text-tertiary: #94a3b8;
    --lms-border-color: #334155;

    /* Dark theme shadows */
    --lms-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.3);
    --lms-shadow-base: 0 1px 3px 0 rgb(0 0 0 / 0.4), 0 1px 2px -1px rgb(0 0 0 / 0.4);
    --lms-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.4), 0 2px 4px -2px rgb(0 0 0 / 0.4);
    --lms-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.4), 0 4px 6px -4px rgb(0 0 0 / 0.4);
    --lms-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.4), 0 8px 10px -6px rgb(0 0 0 / 0.4);
    --lms-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.5);
}