/* Optional dark-mode extension for tokens.css. Not every app needs dark mode, so this is split out rather than folded into tokens.css — an app that wants it links/copies this file too and toggles `data-theme="dark"` on (however it likes: a button, prefers-color-scheme, etc.); this file only supplies the color values, not the toggle mechanism itself. Same lightness/contrast relationship to the light tokens as the palette this was first derived from (rime-aluminium's original blue/gray dark mode). The accent itself is now the logo's own light-petal blue (#96daf7) used as-is, rather than a derived tint — see tokens.css's header for why. If tokens.css's light values change, re-derive these by eye against the new light palette rather than assuming the old hex values still relate correctly. */ :root[data-theme="dark"] { --bg: #17150f; --surface: #211e17; --surface-muted: #2a261d; --border: #3a3527; --border-strong: #4f4834; --ink: #ede8da; --ink-muted: #a89f8a; --accent: #96daf7; --accent-strong: #cbedfb; --accent-contrast: #ffffff; --danger: #d97a5e; --shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.4); }