:root {
    color-scheme: light;
    --color-bg: #ffffff;
    --color-surface: #f5f5f2;
    --color-surface-warm: #faf6f2;
    --color-text: #282b2b;
    --color-muted: #616665;
    --color-subtle: #767b79;
    --color-border: #dedfda;
    --color-brand: #f15a29;
    --color-accent: #bb3916;
    --color-accent-hover: #982d10;
    --color-on-accent: #ffffff;
    --color-dark: #272c2b;
    --color-dark-hover: #414845;
    --color-on-dark: #ffffff;
    --color-dark-muted: #bdc5c0;
    --color-dark-border: #4a524d;
    --color-art-grid: #353e38;
    --color-art-ring: #59645b;
    --color-art-road: #7c877d;
    --color-art-road-edge: #1b211d;
    --color-art-center: #e6e9dd;
    --color-focus: #164cad;
    --color-shadow: #18291b0f;
    --color-transparent: transparent;
    --color-backdrop: #18201bb3;
}