/* Thesis Design — tokens * Clear Horizon palette + type scale. Single source of truth for all Thesis Institute properties. * Consume via jsDelivr (version-pinned) or import in bundled apps. */ :root { /* surfaces */ --canvas: #F7FAFC; --paper: #FCFDFE; --section: #EEF4F8; /* borders */ --border-soft: #D9E4EC; --border-strong: #BED0DB; /* text */ --text-primary: #14202B; --text-secondary: #415463; --text-tertiary: #6B7C89; /* horizon (cool blue) */ --horizon-500: #5E97C8; --horizon-700: #356C99; /* accent (rose) */ --accent: #A94E80; --accent-hover: #8E456A; --accent-subtle: #F6E7F0; /* ink */ --ink-dark: #0F1A24; /* type */ --font-display: "Newsreader", Georgia, serif; --font-body: "IBM Plex Sans", -apple-system, sans-serif; --font-editorial: "Instrument Serif", serif; --font-mono: "IBM Plex Mono", monospace; } /* ── Dark theme ─────────────────────────────────────────────── * "Clear Horizon at night." Opt in with . * Maps the semantic surface/text/border tokens onto the system's own * dark instrument-panel palette; rose accent and horizon blues lift one * step for AA contrast on dark. Light properties are untouched — there * is no prefers-color-scheme auto-switch, so a dark-OS visitor to a * light site still sees the light design. Opt in explicitly per site. */ [data-theme="dark"] { color-scheme: dark; /* surfaces */ --canvas: #0B121A; --paper: #0F1A24; --section: #16242F; /* borders */ --border-soft: #233240; --border-strong: #324656; /* text */ --text-primary: #E8F0F5; --text-secondary: #9DB1BF; --text-tertiary: #6F8494; /* horizon — brighter steps read on dark */ --horizon-500: #79AAD6; --horizon-700: #5E97C8; /* accent (rose) — lifted for contrast on dark */ --accent: #C96B9C; --accent-hover: #E7A6C8; --accent-subtle: #241019; }