:root {
    /* Colors */
    --color-primary: #3F3C97;
    --color-primary-light: #5f5cac;
    --color-secondary: #4F73FF;
    --color-secondary-light: #67C5FF;
    --color-bg-beige: #F5EFE6;
    --color-bg-white: #FFFFFF;
    --color-text-dark: #1A1A1A;
    --color-text-gray: #4A4A4A;
    --color-text-light: #FFFFFF;

    /* Gradients */
    --gradient-primary: linear-gradient(90deg, #3F3C97 0%, #4F73FF 100%);
    --gradient-card-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23E0F7FA' fill-opacity='0.4' d='M0,160L48,176C96,192,192,224,288,224C384,224,480,192,576,165.3C672,139,768,117,864,128C960,139,1056,181,1152,197.3C1248,213,1344,203,1392,197.3L1440,192L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z'%3E%3C/path%3E%3C/svg%3E");

    /* Fonts */
    --font-heading: 'Playfair Display', serif;
    --font-body: 'Manrope', sans-serif;

    /* Spacing */
    --container-width: 1200px;
    --section-padding: 80px 20px;
    --header-height: 80px;

    /* Border Radius */
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-pill: 50px;
}