:root {
    --color-scheme: dark;
    --font-body: "Trebuchet MS", ui-sans-serif, system-ui, sans-serif;
    --font-display: Georgia, Cambria, "Times New Roman", serif;
    --font-weight-heading: 700;
    --heading-letter-spacing: .015em;

    --color-bg: #15110c;
    --color-surface: #241b12;
    --color-surface-raised: #332719;
    --color-text: #efe3c8;
    --color-muted: #b6a17e;
    --color-border: #665033;
    --color-control-border: #7c6240;
    --color-control-bg: #1a140e;
    --color-accent: #c99a4a;
    --color-accent-strong: #e2bb70;
    --color-accent-text: #1d1408;
    --color-focus: #e2bb70;
    --color-danger: #e2a095;
    --color-danger-border: #78483d;
    --color-danger-bg: #2d1813;
    --color-success: #afc98d;
    --color-success-border: #53663a;
    --color-success-bg: #182114;
    --color-code-bg: #17110b;

    --page-background:
        radial-gradient(circle at 50% -15%, rgba(132, 91, 43, .22) 0, transparent 34rem),
        repeating-linear-gradient(0deg, rgba(255, 238, 196, .018) 0, rgba(255, 238, 196, .018) 1px, transparent 1px, transparent 4px),
        var(--color-bg);
    --header-background: rgba(21, 16, 11, .94);
    --panel-background: linear-gradient(180deg, rgba(58, 43, 27, .98), rgba(34, 26, 18, .98));
    --stat-background: rgba(10, 7, 4, .24);
    --stat-feature-background: rgba(201, 154, 74, .08);
    --stat-feature-border: #8a6a39;
    --panel-shadow: inset 0 0 0 1px rgba(231, 192, 120, .06), 0 16px 40px rgba(0, 0, 0, .24);
    --button-shadow: inset 0 1px 0 rgba(255, 236, 184, .18), 0 2px 7px rgba(0, 0, 0, .22);

    --border-width: 1px;
    --radius-panel: 6px;
    --radius-control: 4px;
    --radius-small: 3px;
}