/* jacobhthomas.com — the shared base.
   Every page loads this first; a page's own <style> comes after it and can override anything here.
   Change a color or the typeface once, here, and it changes everywhere. */

:root {
    /* Futura on Apple devices; the closest geometric sans elsewhere */
    --font: 'Futura', 'Futura PT', 'Century Gothic', 'Avenir Next', 'Avenir', 'Trebuchet MS', sans-serif;
    --fg: white;
    --dim: #888;
    --line: #555;
    --bg: black;
    color-scheme: dark;            /* native controls, scrollbars and pickers render dark */
}

html {
    -webkit-text-size-adjust: 100%;   /* no surprise font inflation when a phone turns sideways */
    text-size-adjust: 100%;
}

body {
    font-family: var(--font);
    font-weight: 400;
    font-size: 14px;
    color: var(--fg);
    background: var(--bg);
}

::selection {
    background: var(--fg);
    color: var(--bg);
}

/* visible only for keyboard users */
:focus-visible {
    outline: 1px solid var(--fg);
    outline-offset: 2px;
}

img, video, iframe {
    max-width: 100%;
}

[hidden] {
    display: none !important;
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: .01ms !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
}

/* on paper: black on white, without the interactive parts */
@media print {
    :root { color-scheme: light; }
    body { background: white !important; color: black !important; }
    a { color: black !important; }
    button, iframe, .leaflet-container, #controls, .controls { display: none !important; }
}