/* Generated by bin/console app:design:build from docs/design/design-system/tokens.json: change the tokens, not this file. */

:root,
[data-theme='day'] {
    --page: #f6f1e7;
    --page-alt: #fbf8f1;
    --surface: #ffffff;
    --line: #e7decf;
    --control: #8f8370;
    --ink: #221e18;
    --text: #443e34;
    --muted: #6b6355;
    --link: #a1543a;
    --accent: #b45f3e;
    --accent-hover: #a1543a;
    --on-accent: #ffffff;
    --accent-soft: #f8ece5;
    --focus: #a1543a;
    --heat-low: #e39c1f;
    --heat-moderate: #cc7502;
    --heat-high: #b05100;
    --heat-very-high: #922c02;
    --heat-unknown: #ddd3c1;
    --road: #fdfaf4;
    --water: #e3e6da;
    --park: #dfe3d2;
    --success: #5e6b4e;
    --danger: #a6452f;
    --shadow-sheet: 0 -1px 0 0 rgba(34, 30, 24, 0.10), 0 -16px 40px 0 rgba(34, 30, 24, 0.12);
}

[data-theme='night'] {
    --page: #1b1813;
    --page-alt: #211d17;
    --surface: #26211a;
    --line: #3a3328;
    --control: #7a7060;
    --ink: #f2eadb;
    --text: #ddd3c2;
    --muted: #a89e8c;
    --link: #d7a188;
    --accent: #c47a5c;
    --accent-hover: #d7a188;
    --on-accent: #1b1813;
    --accent-soft: #322318;
    --focus: #d7a188;
    --heat-low: #9e2f00;
    --heat-moderate: #c25600;
    --heat-high: #e37e14;
    --heat-very-high: #ffb348;
    --heat-unknown: #4a4133;
    --road: #24201a;
    --water: #262d28;
    --park: #262b1d;
    --success: #97a085;
    --danger: #dd7e64;
    --shadow-sheet: 0 -1px 0 0 rgba(0, 0, 0, 0.55), 0 -16px 40px 0 rgba(0, 0, 0, 0.50);
}

[data-theme='shade'] {
    --page: #e8ebde;
    --page-alt: #eef1e6;
    --surface: #f7f9f1;
    --line: #d9dec9;
    --control: #7d856c;
    --ink: #2b3120;
    --text: #454c37;
    --muted: #5a624c;
    --link: #525e45;
    --accent: #525e45;
    --accent-hover: #46513a;
    --on-accent: #ffffff;
    --accent-soft: #e2e7d6;
    --focus: #525e45;
    --heat-low: #da950b;
    --heat-moderate: #c37007;
    --heat-high: #a94e00;
    --heat-very-high: #8e2a01;
    --heat-unknown: #d3d8c4;
    --road: #f2f5ec;
    --water: #d3dcd0;
    --park: #d2dac0;
    --success: #4f5c40;
    --danger: #9a3f2b;
    --shadow-sheet: 0 -1px 0 0 rgba(43, 49, 32, 0.10), 0 -16px 40px 0 rgba(43, 49, 32, 0.12);
}

:root {
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;
    --radius-bar: 3px;
    --radius-chip: 10px;
    --radius-control: 12px;
    --radius-panel: 22px;
    --font-display: "Anybody", system-ui, sans-serif;
    --font-text: "Atkinson Hyperlegible Next", system-ui, sans-serif;
}