/* moorai.dev theme: "Harbor teal". The only colour literals on moorai.dev live here. Light is always the default, whatever the OS setting (owner decision, v1.74.2); dark applies only when the visitor picks it (data-theme="dark" on , stored by the top-bar toggle). scripts/split-moorai.mjs copies this file into _site-moorai/, links it first in every page's and rewrites the old literals to these tokens (scripts/moorai/theme.mjs). scripts/check-theme.mjs checks the pairs below for AA. */ :root { color-scheme: light; --mt-scheme: light; --mt-bg: #F6F8F8; --mt-surface: #FFFFFF; --mt-surface-2: #EDF2F2; --mt-line: #D9E1E1; --mt-line-2: #BCCACB; --mt-text: #0F1C1F; --mt-text-2: #2B3D41; --mt-muted: #53666A; --mt-accent: #0B6E6B; --mt-accent-2: #08524F; --mt-accent-ink: #FFFFFF; --mt-accent-soft: #DDEFEE; --mt-ok: #177A4B; --mt-warn: #9A5B00; --mt-crit: #C4312A; --mt-info: #1C5FA6; --mt-violet: #6A3DAE; --mt-shadow: rgb(15 28 31 / 0.16); --mt-tint: 0.6; } :root[data-theme="dark"] { color-scheme: dark; --mt-scheme: dark; --mt-bg: #071214; --mt-surface: #0D1D20; --mt-surface-2: #132A2E; --mt-line: #1C3236; --mt-line-2: #2B474C; --mt-text: #E3EEEE; --mt-text-2: #C2D3D4; --mt-muted: #8FA7AA; --mt-accent: #3CC2BC; --mt-accent-2: #7BDDD8; --mt-accent-ink: #04211F; --mt-accent-soft: #0F2F31; --mt-ok: #3ECF8E; --mt-warn: #F5A623; --mt-crit: #FF6B5E; --mt-info: #6CB0FF; --mt-violet: #C39BFF; --mt-shadow: rgb(0 0 0 / 1); --mt-tint: 1; } html { background: var(--mt-bg); } /* Terminal and app-window mock-ups stay dark in both themes: they depict a terminal or the console. The dark tokens are re-declared on the mock-up, and so are the page-level variables the mock-up's own rules read, so they resolve against the dark values. */ :is(.hero-term, .intercept-term, .demo-browser, .moorai-shot) { color-scheme: dark; --mt-scheme: dark; --mt-bg: #071214; --mt-surface: #0D1D20; --mt-surface-2: #132A2E; --mt-line: #1C3236; --mt-line-2: #2B474C; --mt-text: #E3EEEE; --mt-text-2: #C2D3D4; --mt-muted: #8FA7AA; --mt-accent: #3CC2BC; --mt-accent-2: #7BDDD8; --mt-accent-ink: #04211F; --mt-accent-soft: #0F2F31; --mt-ok: #3ECF8E; --mt-warn: #F5A623; --mt-crit: #FF6B5E; --mt-info: #6CB0FF; --mt-violet: #C39BFF; --mt-shadow: rgb(0 0 0 / 1); --mt-tint: 1; --bg: var(--mt-bg); --bg2: var(--mt-surface); --bg3: var(--mt-surface-2); --surface: var(--mt-surface-2); --border: var(--mt-line); --border2: var(--mt-line-2); --text: var(--mt-text); --text-soft: var(--mt-text-2); --dim: var(--mt-muted); --dim2: var(--mt-muted); --accent: var(--mt-accent); --accent2: var(--mt-accent-2); --green: var(--mt-ok); --amber: var(--mt-warn); --red: var(--mt-crit); --blue: var(--mt-info); color: var(--mt-text); }