:root {
    /* --- COLOR PALETTE (Rich Layered Tints) --- */
    --bg-main: #F8FAFC;       /* Soft slate tint instead of pure white */
    --bg-surface: #FFFFFF;    /* Clean white for elevated cards only */
    --bg-subtle: #F1F5F9;     /* Deeper contrast for alternating sections */
    --bg-tinted: #EEF2FF;     /* Brand-tinted section backgrounds */
    
    /* Brand Colors */
    --brand-purple: #6366F1;
    --brand-purple-hover: #4F46E5;
    --brand-purple-light: #EEF2FF;
    --brand-pink: #EC4899;
    --brand-amber: #F59E0B;
    --brand-dark: #0F172A;    /* Deep navy for contrast sections */

    /* Gradients */
    --gradient-brand: linear-gradient(135deg, #6366F1 0%, #EC4899 50%, #F59E0B 100%);
    --gradient-btn: linear-gradient(90deg, #6366F1 0%, #EC4899 100%);
    --gradient-text: linear-gradient(90deg, #4F46E5 0%, #EC4899 60%, #F59E0B 100%);
    --gradient-hero: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);

    /* Typography Colors */
    --text-main: #0F172A;
    --text-body: #334155;
    --text-muted: #64748B;
    --text-light: #94A3B8;
    --text-white: #FFFFFF;

    /* Borders & Shadows */
    --border-color: #E2E8F0;
    --border-light: #CBD5E1;
    --shadow-sm: 0 2px 6px rgba(15, 23, 42, 0.05);
    --shadow-md: 0 10px 30px -5px rgba(15, 23, 42, 0.08);
    --shadow-lg: 0 20px 40px -10px rgba(99, 102, 241, 0.12);

    /* Fonts */
    --font-heading: 'Poppins', system-ui, -apple-system, sans-serif;
    --font-body: 'Inter', system-ui, -apple-system, sans-serif;
}