:root {
    /* Dark theme (Landing) */
    --landing-bg: #0A0A1A;
    --landing-bg-secondary: #12121F;
    --landing-text: #FFFFFF;
    --landing-text-muted: #94A3B8;
    --landing-accent: #8B5CF6;
    --landing-gradient: linear-gradient(135deg, #EC4899, #8B5CF6);
    --landing-gradient-blue: linear-gradient(135deg, #6366F1, #8B5CF6, #EC4899);

    /* Light theme (Dashboard) */
    --dashboard-bg: #FDF8F3;
    --dashboard-text: #1A1A1A;
    --dashboard-accent: #D4A574;
    --dashboard-button: #C9956C;

    /* Common */
    --font-family: 'Inter', system-ui, -apple-system, sans-serif;
    --border-radius: 12px;
    --border-radius-lg: 24px;
    --border-radius-xl: 32px;
    --transition: all 0.3s ease;
    --transition-fast: all 0.15s ease;

    /* Spacing */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;
    --space-3xl: 64px;

    /* Shadows */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.15);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.2);
    --shadow-glow: 0 0 40px rgba(139, 92, 246, 0.3);
}