:root {
    color-scheme: dark;
    --font-body: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
    --font-display: Arial, 'Helvetica Neue', sans-serif;
    --font-label: 'Cascadia Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;
    --font-note: Georgia, 'Times New Roman', serif;
    --max-width: 1280px;
    --gutter: clamp(1.1rem, 4.5vw, 5rem);
    --space-section: clamp(3.5rem, 7vw, 6.5rem);
    --space-panel: clamp(1.25rem, 3vw, 2.5rem);
    --corner: 2px;
    --motion-fast: 150ms;
    --motion-page: 180ms;
    --ease: cubic-bezier(.2, .7, .2, 1);
}

:root, :root[data-area='underground'][data-palette='chromatic'] {
    --background: #281f2c;
    --panel: #352637;
    --panel-raised: #42303f;
    --text: #f1e9df;
    --muted: #c6b2c2;
    --border: #6c546b;
    --line: #4e3c50;
    --accent: #d5dca2;
    --accent-ink: #252820;
    --highlight: #e6b899;
    --focus: #ecdfb3;
    --ticket: #c3b59b;
    --ticket-text: #302730;
    --note: #e6b899;
    --grid: transparent;
}

:root[data-area='workshop'][data-palette='chromatic'] {
    --background: #1f3437;
    --panel: #294246;
    --panel-raised: #345053;
    --text: #eaeedf;
    --muted: #b6c9c2;
    --border: #5f7d79;
    --line: #3d595b;
    --accent: #c4d69d;
    --accent-ink: #23312a;
    --highlight: #c4d69d;
    --focus: #e5eec9;
    --ticket: #c4d69d;
    --ticket-text: #23312a;
    --note: #d7c59f;
    --grid: #294043;
}

:root[data-area='underground'][data-palette='weathered'] {
    --background: #30271f;
    --panel: #403229;
    --panel-raised: #4c3b2e;
    --text: #f0e3c8;
    --muted: #cebaa5;
    --border: #846b55;
    --line: #594536;
    --accent: #e6b48c;
    --accent-ink: #34271c;
    --highlight: #d6c690;
    --focus: #f3daa9;
    --ticket: #cbbb91;
    --ticket-text: #352a20;
    --note: #e6b48c;
    --grid: transparent;
}

:root[data-area='workshop'][data-palette='weathered'] {
    --background: #29332c;
    --panel: #364237;
    --panel-raised: #44513f;
    --text: #efe8d3;
    --muted: #c3cbb3;
    --border: #7a896c;
    --line: #485743;
    --accent: #deca99;
    --accent-ink: #303429;
    --highlight: #deca99;
    --focus: #f2e2b4;
    --ticket: #deca99;
    --ticket-text: #303429;
    --note: #e2b391;
    --grid: #313c32;
}