:root {
    /* Base Colors & Gradients */
    --bg-base: #eef2f6;
    --bg-gradient-start: #eef2f6;
    --bg-gradient-end: #e6e9f0;
    
    /* Glassmorphism Core */
    --glass-bg: rgba(255, 255, 255, 0.65);
    --glass-bg-hover: rgba(255, 255, 255, 0.85);
    --glass-border: rgba(255, 255, 255, 0.5);
    --glass-shadow: 0 8px 32px rgba(31, 38, 135, 0.07);
    --glass-shine: linear-gradient(120deg, rgba(255,255,255,0.3) 0%, transparent 50%);
    
    /* Accents */
    --accent-primary: #6366f1; /* Indigo */
    --accent-secondary: #8b5cf6; /* Violet */
    --accent-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
    
    /* Typography */
    --text-primary: #1e293b;
    --text-secondary: #64748b;
    --text-muted: #94a3b8;
    --font-display: "Playfair Display", "Times New Roman", serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    
    /* Spacing & Shapes */
    --radius-sm: 12px;
    --radius-md: 20px;
    --radius-lg: 28px;
    --radius-full: 9999px;
    --spacing-unit: 1.5rem;
    --container-width: 1200px;
    
    /* Effects */
    --blur-amount: blur(20px) saturate(180%);
    --shadow-soft: 
        10px 10px 20px rgba(174, 174, 192, 0.4), 
        -10px -10px 20px rgba(255, 255, 255, 1);
    --shadow-inset: 
        inset 5px 5px 10px rgba(174, 174, 192, 0.2), 
        inset -5px -5px 10px rgba(255, 255, 255, 0.8);
}

/* Dark Mode */
[data-theme="dark"] {
    --bg-base: #0f172a;
    --bg-gradient-start: #0f172a;
    --bg-gradient-end: #1e293b;
    
    --glass-bg: rgba(30, 41, 59, 0.7);
    --glass-bg-hover: rgba(30, 41, 59, 0.9);
    --glass-border: rgba(255, 255, 255, 0.1);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    
    --text-primary: #f8fafc;
    --text-secondary: #94a3b8;
    --text-muted: #64748b;
    
    --shadow-soft: 
        10px 10px 20px rgba(0, 0, 0, 0.5), 
        -10px -10px 20px rgba(255, 255, 255, 0.05);
    --shadow-inset: 
        inset 5px 5px 10px rgba(0, 0, 0, 0.5), 
        inset -5px -5px 10px rgba(255, 255, 255, 0.05);
}

/* Sepia Mode */
[data-theme="sepia"] {
    --bg-base: #fdf6e3;
    --bg-gradient-start: #fdf6e3;
    --bg-gradient-end: #eee8d5;
    
    --glass-bg: rgba(253, 246, 227, 0.65);
    --glass-bg-hover: rgba(253, 246, 227, 0.85);
    --glass-border: rgba(95, 75, 50, 0.1);
    
    --text-primary: #5f4b32;
    --text-secondary: #8c7b68;
    --text-muted: #a39382;
    
    --accent-primary: #d33682;
    --accent-secondary: #b58900;
    --accent-gradient: linear-gradient(135deg, #d33682 0%, #b58900 100%);
}