:root {
    /* Color Palette - Cream Base Theme */
    --bg-main: #fdfbf7; /* Milk white / Cream */
    --bg-secondary: #f4f0e6; /* Slightly darker cream */
    --bg-tertiary: rgba(253, 251, 247, 0.8); /* For glassmorphism */
    
    --text-primary: #1a1a1a;
    --text-secondary: #4a4a4a;
    
    --accent-primary: #2563eb; /* Deep blue that looks great on cream */
    --accent-secondary: #0284c7;  
    --accent-glow: rgba(37, 99, 235, 0.3);
    
    --border-color: rgba(0, 0, 0, 0.08);
    --border-hover: rgba(37, 99, 235, 0.4);

    /* Gradients */
    --gradient-accent: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));
    --gradient-bg: radial-gradient(circle at top right, rgba(37, 99, 235, 0.05) 0%, transparent 40%);

    /* Cards */
    --card-bg: #ffffff;
    --card-text-primary: #1a1a1a;
    --card-text-secondary: #4a4a4a;

    /* Typography */
    --font-main: 'Plus Jakarta Sans', sans-serif;
    --font-mono: 'Space Mono', monospace;
    
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;
    --text-3xl: 2rem;
    --text-4xl: 2.5rem;
    --text-5xl: 3.5rem;
    --text-6xl: 4.5rem;

    /* Spacing */
    --space-2: 0.5rem;
    --space-4: 1rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-24: 6rem;
    --space-32: 8rem;

    /* Border Radius */
    --radius-sm: 0.375rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;
    --radius-xl: 1rem;
    --radius-2xl: 1.5rem;
    --radius-full: 9999px;

    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    
    --z-sticky: 1000;
    --z-modal: 2000;
}

[data-theme="dark"] {
    /* Color Palette - Dark Theme with Cyan/Blue Accent */
    --bg-main: #0a0e17;
    --bg-secondary: #111827;
    --bg-tertiary: rgba(17, 24, 39, 0.7);
    
    --text-primary: #ffffff;
    --text-secondary: #cbd5e1;

    --accent-primary: #3b82f6;
    --accent-secondary: #06b6d4;
    --accent-glow: rgba(59, 130, 246, 0.5);
    
    --border-color: rgba(255, 255, 255, 0.1);
    --gradient-bg: radial-gradient(circle at top right, rgba(59, 130, 246, 0.1) 0%, transparent 40%);

    --card-bg: rgba(17, 24, 39, 0.4);
    --card-text-primary: #ffffff;
    --card-text-secondary: #cbd5e1;
}