:root {
    /* Brand Colors */
    --purple: #8c3cdc;
    --purple-light: #b073e4;
    --purple-dark: #6a1fb5;
    --purple-tint: #f5eeff;
    --purple-tint-2: #ede0fb;

    /* Neutrals — white dominant */
    --white: #ffffff;
    --off-white: #fafafa;
    --gray-50: #f7f7f8;
    --gray-100: #f0f0f2;
    --gray-200: #e4e4e8;
    --gray-300: #d0d0d6;
    --gray-400: #a0a0aa;
    --gray-500: #6b6b78;
    --gray-700: #3a3a44;
    --gray-900: #18181b;

    /* Semantic */
    --text-primary: #18181b;
    --text-secondary: #6b6b78;
    --text-muted: #a0a0aa;
    --border: #e4e4e8;
    --surface: #ffffff;
    --background: #fafafa;

    /* Status */
    --success: #16a34a;
    --success-light: #f0fdf4;
    --error: #dc2626;
    --error-light: #fef2f2;
    --warning: #d97706;
    --warning-light: #fffbeb;
    --info: #0284c7;
    --info-light: #f0f9ff;

    /* Shadows */
    --shadow-xs: 0 1px 3px rgba(0,0,0,0.06);
    --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
    --shadow-md: 0 4px 20px rgba(0,0,0,0.10);
    --shadow-lg: 0 8px 40px rgba(0,0,0,0.12);
    --shadow-purple: 0 8px 32px rgba(140,60,220,0.18);

    /* Typography */
    --font-display: 'Plus Jakarta Sans', sans-serif;
    --font-body: 'Inter', sans-serif;

    /* Spacing */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 2rem;
    --spacing-xl: 3rem;
    --spacing-2xl: 5rem;
    --spacing-3xl: 8rem;

    /* Radius */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-full: 999px;

    /* Transitions */
    --transition-fast: 0.15s ease;
    --transition-base: 0.25s ease;
    --transition-slow: 0.4s ease;
}

/* Global overflow guard — prevents horizontal scroll on all pages */
html, body {
    overflow-x: hidden;
    max-width: 100%;
}