/* =========================
   Base (Light Mode)
   ========================= */
:root {
    --bg: #ffffff;
    --text: #000080;
    --link: #083D77;
    --hr: #cccccc;
}

/* Classic Netscape-era Dark Mode */
:root.dark {
    --bg: #0e1116;
    --text: #cfd8ff;
    --link: #7aa2f7;
    --hr: #2a2f3a;
}

/* Auto dark mode if no manual choice */
@media (prefers-color-scheme: dark) {
    :root:not(.light):not(.dark) {
        --bg: #0e1116;
        --text: #cfd8ff;
        --link: #7aa2f7;
        --hr: #2a2f3a;
    }
}

body {
    background-color: var(--bg);
    color: var(--text);
    font-family: Times, "Times New Roman", serif;
}

a:link,
a:visited {
    color: var(--link);
}

.company-name {
    font-weight: bold;
}

.company-name .large {
    font-size: 2.2rem;
}

.company-name .medium {
    font-size: 1.4rem;
}

.company-name .small,
footer,
.small-text {
    font-size: 0.85rem;
}

hr {
    border: none;
    border-top: 1px solid var(--hr);
}

.toggle {
    font-size: 0.85rem;
    cursor: pointer;
    text-decoration: underline;
}