/* Garou palette, activated by data-species="garou" on <html>.
   Load after theme.css. Colour mode remains controlled by data-bs-theme.
   Token overrides only: no species-specific layout or rules. */

:root[data-species="garou"] {
    --site-bg: #e9e4d8;
    --site-bg-rgb: 233, 228, 216;
    --site-surface: #f5f0e4;
    --site-surface-rgb: 245, 240, 228;
    --site-surface-raised: #fffaef;
    --site-surface-muted: #dcd8c6;
    --site-surface-muted-rgb: 220, 216, 198;
    --site-text: #2c3027;
    --site-text-rgb: 44, 48, 39;
    --site-text-muted: #5b6555;
    --site-heading: #343d2c;
    --site-heading-rgb: 52, 61, 44;
    --site-border: #859076;
    --site-accent: #963f29;
    --site-accent-rgb: 150, 63, 41;
    --site-accent-hover: #74301f;
    --site-accent-active: #592416;
    --site-accent-contrast: #fffaef;
    --site-link: #963f29;
    --site-link-rgb: 150, 63, 41;
    --site-link-hover: #74301f;
    --site-link-hover-rgb: 116, 48, 31;
    --site-brass: #8b724a;
    --site-logo-paper: #eee6d3;
    --site-logo-edge: #d6c8a8;
    --site-selection: #dc9775;
    --site-selection-text: #201b15;
    --site-focus-rgb: 150, 63, 41;
    --site-wash: rgba(150, 63, 41, 0.04);
    --site-shadow: 0 0.4rem 1.25rem rgba(30, 25, 20, 0.09);
}

:root[data-species="garou"][data-bs-theme="dark"] {
    --site-bg: #171c18;
    --site-bg-rgb: 23, 28, 24;
    --site-surface: #202820;
    --site-surface-rgb: 32, 40, 32;
    --site-surface-raised: #293329;
    --site-surface-muted: #303d30;
    --site-surface-muted-rgb: 48, 61, 48;
    --site-text: #e0e6d7;
    --site-text-rgb: 224, 230, 215;
    --site-text-muted: #b0c0a7;
    --site-heading: #f0e4c3;
    --site-heading-rgb: 240, 228, 195;
    --site-border: #76866e;
    --site-accent: #dc9775;
    --site-accent-rgb: 220, 151, 117;
    --site-accent-hover: #efb292;
    --site-accent-active: #ffd0b3;
    --site-accent-contrast: #201b15;
    --site-link: #efb292;
    --site-link-rgb: 239, 178, 146;
    --site-link-hover: #ffd0b3;
    --site-link-hover-rgb: 255, 208, 179;
    --site-brass: #b29966;
    --site-logo-paper: #eee6d3;
    --site-logo-edge: #d6c8a8;
    --site-selection: #dc9775;
    --site-selection-text: #201b15;
    --site-focus-rgb: 220, 151, 117;
    --site-wash: rgba(220, 151, 117, 0.025);
    --site-shadow: 0 0.4rem 1.25rem rgba(0, 0, 0, 0.24);
}