/* Raya — dark theme (indigo-cooled neutrals per Fraga DEV). Transcribed VERBATIM from design-reference/Raya.dc.html (its inline :root[data-theme="dark"] block) — it overrides token values, so it lives with the tokens. Activated by data-theme="dark" on (wwwroot/js/theme.js). */ :root[data-theme="dark"] { --bg-app: #0b0919; --surface-card: #241d4e; --surface-sunken: #141031; --surface-inverse: #322a60; --ink-900: #332b70; --text-strong: #f3f1fb; --text-body: #dcd8ec; --text-muted: #a49dbb; --border-subtle: #3b3168; --border-default: #493e7a; --border-strong: #5a4f92; --slate-50: #141031; --slate-100: #241d4e; --slate-200: #3b3168; --ink-800: #dcd8ec; --ink-700: #c4bedb; --sel-active-bg: #2e2760; --period-current-bg: linear-gradient(150deg, #7d72e6, #544bb0); /* Category tag tones — dark-adapted so chips don't clash with the night surface */ --purple-100: #2b2456; --purple-300: #4a3f8a; --purple-700: #b7aef0; --green-100: #1d3328; --green-300: #3a6b52; --green-700: #93d3ab; --blue-100: #163139; --blue-300: #356578; --blue-700: #83c5da; --orange-100: #3a2c18; --orange-300: #7a5a31; --orange-700: #e7b57a; --success-bg: #1c3327; --info-bg: #17303b; --warning-bg: #3a2b18; --danger-bg: #3a2020; --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.5); --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.55); --shadow-md: 0 10px 26px rgba(0, 0, 0, 0.6); --shadow-lg: 0 20px 50px rgba(0, 0, 0, 0.68); color-scheme: dark; } :root[data-theme="dark"] ::-webkit-scrollbar-thumb { background: var(--border-strong); }