:root {
    --primaryWhite: #eeeeee; 
    --primaryButton: rgb(83, 178, 255); 
    --primaryButtonHover: rgb(67, 139, 198); 
    --primaryButtonDisabled: rgb(127, 135, 142); 
    --primaryButtonHoverHighlight: #6366eb;
    --text-color: #1e293b;
}


body {
    overflow:auto;
    width: 100%;
}

enable-highlight {
    user-select: all;
}

h1 {
    color: var(--primaryWhite);
    font-weight: 600;
    font-size: 1.8rem;
    margin-bottom: 20px;
}

h3 {
    color: var(--primaryWhite);
    font-weight: 600;
    margin-bottom: 20px;
}
/* --- REMOVE HIGLIGHT AROUND BUTTON WHEN CLICKED --- */
/* Remove outline for mouse users */
button:focus:not(:focus-visible) {
    outline: none;
}

/* Optional: Style the outline nicely for keyboard users */
button:focus-visible {
    outline: 2px solid #007bff;
    outline-offset: 2px;
}

/* --- REMOVE UNDERLINE UNDER LINK --- */
a {
    text-decoration: none !important;
}