:root
{
    --text-color: #33333a;
    --link-color: #f98800;
    --link-color-darkened: color-mix(in oklch, var(--link-color), black 10%);
    --secondary-link-color: #0580af;
    --secondary-link-color-darkened: color-mix(in oklch, var(--secondary-link-color), black 10%);
}

*
{
    font-family: "Outfit", sans-serif;
}

html,
body
{
    margin: 0;
    padding: 0;
    color: var(--text-color);
}

a
{
    text-decoration: none;
    color: var(--link-color);
    transition: color 0.2s;
}

a:hover
{
    color: var(--link-color-darkened);
}

/* Utility classes */
.text-center
{
    text-align: center;
}