/* Global Theme Variables for Dark/Light Mode */
:root {
    /* Light Theme (White) */
    --background: #ffffff;
    --foreground: #0a0a0a;
    --card: rgba(255, 255, 255, 0.8);
    --card-foreground: #0a0a0a;
    --primary: #2563eb;
    --primary-foreground: #ffffff;
    --secondary: #f3f4f6;
    --secondary-foreground: #1f2937;
    --muted: #f3f4f6;
    --muted-foreground: #6b7280;
    --accent: #f3f4f6;
    --accent-foreground: #1f2937;
    --destructive: #ef4444;
    --border: #e5e7eb;
    --input: #ffffff;
    --ring: #2563eb;
    
    /* Glassmorphism Variables - Light */
    --glass-bg: rgba(255, 255, 255, 0.7);
    --glass-border: rgba(0, 0, 0, 0.05);
    --glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05);
    --primary-glow: rgba(37, 99, 235, 0.1);
}

.dark {
    /* Dark Theme (Black) */
    --background: #000000; /* Pure Black */
    --foreground: #ffffff;
    --card: rgba(20, 20, 20, 0.6);
    --card-foreground: #ffffff;
    --primary: #3b82f6;
    --primary-foreground: #ffffff;
    --secondary: #1f2937;
    --secondary-foreground: #f9fafb;
    --muted: #1f2937;
    --muted-foreground: #9ca3af;
    --accent: #1f2937;
    --accent-foreground: #f9fafb;
    --destructive: #ef4444;
    --border: #1f2937;
    --input: #111111;
    --ring: #3b82f6;

    /* Glassmorphism Variables - Dark */
    --glass-bg: rgba(20, 20, 20, 0.6);
    --glass-border: rgba(255, 255, 255, 0.08);
    --glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3);
    --primary-glow: rgba(59, 130, 246, 0.2);
}

/* Apply theme to body */
body {
    background-color: var(--background);
    color: var(--foreground);
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Theme initialization script */