/* The site palette for the redesigned home, portfolio and recruiters pages. Light and dark only; the brand swatches are retired. The switch itself is /assets/theme-switch.css. Dark reads Wolf-Rayet interior-dark, so interior-dark.css must be linked and must carry data-wr-theme="interior-dark". */ :root[data-bs-theme="light"] { color-scheme: light; --bg: #f6f7f9; --surface: #ffffff; --surface-2: #eceef2; --hairline: #d8dce3; --hairline-2: #a9b0bc; --text: #0c0e12; --read: #2a2f38; --text-dim: #545b68; --text-faint: #6b7280; --accent-text: #056f33; --accent-fill: #056f33; --accent-ink: #ffffff; --sel-bg: #056f33; --sel-text: #ffffff; } :root[data-bs-theme="dark"] { color-scheme: dark; --bg: var(--wr-surface-page); --surface: var(--wr-surface-raised); --surface-2: var(--wr-surface-inset); --hairline: #2c3036; --hairline-2: #5a616b; --text: var(--wr-text-primary); --read: var(--wr-text-secondary); --text-dim: var(--wr-emitter-ambient); --text-faint: #98a0ac; --accent-text: #4ee08a; --accent-fill: #4ee08a; --accent-ink: #04170c; --sel-bg: #4ee08a; --sel-text: #04170c; }