:root {
    --base-dark: #002A3A;
    --base-light: white;
    --base-green-dark: #008533;
    --base-blue: #009FDF;
    --base-alert: darkred;
    --corner-radius: 5px;
    --base-text-dark: #002A3A;
    --base-text-light: white;
    --base-text-light-on-dark: white;
    --base-background-light: rgba(243, 243, 243, 0.37);
    --base-border-thin-light: lightgray;

    --background-dark-transparent: rgba(0, 41, 58, 0.85);
    font-size: 1em; /* 16px default */
}

body {
    font-family: "Gilroy";
    color: var(--base-text-dark);
}

a {
    text-decoration: none;
    color: var(--base-text-dark);
}

p a,
.external-link {
    text-decoration: underline;
    text-decoration-color: var(--base-green-dark);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

a:hover {
    color: var(--base-text-dark);
}

h3 {
    color: var(--base-text-dark);
}