/* Site-wide font + color scheme overrides, driven by static/theme.js's data-ls-font / data-ls-scheme attributes on . Loaded last in every page's so these :root rules win the cascade for shared variable names (--space-*, --panel-*, --grass-*, --accent) that every page's own stylesheet already defines and uses via var(...). Attribute-selector :root rules also carry higher specificity than a page's plain :root block, so the color scheme wins regardless of load order - only the font rule below needs to load last (same specificity as each page's own `body { font-family }` rule). */ :root[data-ls-font="comic"] { --ls-font: 'Comic Sans MS', 'Comic Sans', cursive, sans-serif; } :root[data-ls-font="clean"] { --ls-font: 'Segoe UI', Helvetica, Arial, sans-serif; } :root[data-ls-font="retro"] { --ls-font: 'Courier New', Courier, monospace; } :root[data-ls-font="playful"] { --ls-font: 'Trebuchet MS', Verdana, sans-serif; } body { font-family: var(--ls-font, inherit); } :root[data-ls-scheme="cosmic"] { --space-deep: #1b1240; --space-mid: #362463; --panel: #2a1f52; --panel-light: #4a3a82; --panel-dark: #170f33; --grass-light: #8fd14f; --grass-dark: #5a9c2f; --accent: #ffd76b; } :root[data-ls-scheme="midnight"] { --space-deep: #0a1730; --space-mid: #14294f; --panel: #1c3560; --panel-light: #2f4f85; --panel-dark: #0d1c38; --grass-light: #6bd6e8; --grass-dark: #2f8fa3; --accent: #ffd76b; } :root[data-ls-scheme="sunset"] { --space-deep: #331018; --space-mid: #5c1f28; --panel: #5c2a2a; --panel-light: #8a4a3f; --panel-dark: #2b0f12; --grass-light: #ffb37a; --grass-dark: #d9713a; --accent: #ffe08a; } :root[data-ls-scheme="forest"] { --space-deep: #0f2417; --space-mid: #1c3d27; --panel: #234630; --panel-light: #3c6b48; --panel-dark: #0a1710; --grass-light: #9fe870; --grass-dark: #5aa83a; --accent: #ffe58a; } :root[data-ls-scheme="bubblegum"] { --space-deep: #3a1030; --space-mid: #5c1f4d; --panel: #5c2a52; --panel-light: #8a4a80; --panel-dark: #2b0f26; --grass-light: #ff9ad1; --grass-dark: #d95fa8; --accent: #fff08a; }