:root {
    --bs-primary: #ff1160;
    /* Your vibrant pinkish-red */
    --bs-primary-rgb: 255, 17, 96;
    /* RGB for semi-transparent utilities */
    --bs-secondary: #610ddf;
    --bs-secondary-rgb: 97, 13, 223;
    --bs-success: #4CAF50;
    --bs-success-rgb: 76, 175, 80;
    --bs-danger: #ff0033;
    --bs-danger-rgb: 255, 0, 51;
    --bs-warning: #ffd700;
    --bs-warning-rgb: 255, 215, 0;
    --bs-info: #7e3dfe;
    --bs-info-rgb: 126, 61, 254;
    --bs-light: #fdfdfd;
    --bs-dark: #1e1c24;
}

* {

    font-family: 'Segoe UI',
        'Roboto',
        'Helvetica Neue',
        sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

/* body {
    background-color: var(--background-color);
} */

/* .btn-primary {
    background-color: var(--bs-dark);
    border: none;
    color: var(--background-color)
}

.btn-primary:hover {
    background-color: var(--bs-primary);
}

footer {
    background-color: var(--primary-dark);
}

.heading {
    font-size: clamp(22px, 3vw, 2.5rem);
    font-weight: 700;
    margin-bottom: 20px;
} */