/* Fonts load via <link> tags in each page head. */:root {
    /* Warm near-black surface ramp: deepest wells to raised panels. */
    --surface-0: #0a0908;
    --surface-1: #0d0c0a;
    --surface-2: #131210;
    --surface-3: #191713;
    --surface-4: #201d17;
    --bg: var(--surface-1);
    --panel: var(--surface-3);
    --panel-dark: var(--surface-2);
    --panel-deep: var(--surface-0);

    /* Gold scale anchored on the brand gold. */
    --gold-100: #ffe9ad;
    --gold-200: #ffd86e;
    --gold-300: #f4c542;
    --gold-500: #c68f1f;
    --gold-700: #8a6a10;
    --accent: var(--gold-300);
    --accent-strong: var(--gold-200);
    --border: #3b352a;
    --border-strong: var(--gold-300);

    /* Cool signal tone reserved for live data readouts. */
    --signal: #6fd6c3;

    --text: #f7f1d7;
    --muted: #b0aa93;

    /* Hard shadow scale. */
    --shadow-xs: 1px 1px 0 #000000;
    --shadow-s: 2px 2px 0 #000000;
    --shadow-m: 4px 4px 0 #000000;
    --shadow-l: 8px 8px 0 #000000;
    --shadow: var(--shadow-l);

    --content-width: 1560px;
    --font-display: "Big Shoulders", "Archivo", system-ui, sans-serif;
    --font-ui: "Archivo", system-ui, -apple-system, sans-serif;
    --font-code: "JetBrains Mono", "Courier New", Courier, monospace;
}* {
    box-sizing: border-box;
}html {
    font-size: 100%;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: var(--gold-500) var(--surface-0);
}body {
    margin: 0;
    min-height: 100vh;
    background: var(--bg);
    color: var(--text);
    font-family: var(--font-ui);
    font-size: 1.05rem;
    font-weight: 500;
    font-synthesis: none;
    overflow-x: hidden;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}a {
    color: inherit;
}button,
input,
select,
textarea {
    font: inherit;
}code,
kbd,
samp,
pre {
    font-family: var(--font-code);
}code {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}