/* Dark theme — a purpose-built productive dark mode, not an inversion. No pure black, no pure white text, elevated surfaces get lighter, never darker. Apply with (or [data-theme="dark"] on any subtree). */ [data-theme="dark"]{ --color-scheme:dark; --color-primary:var(--nb-cobalt-300); --color-primary-hover:var(--nb-cobalt-200); --color-primary-active:var(--nb-cobalt-100); --color-primary-container:#1C2C51; --color-primary-container-border:#2C4479; --color-on-primary:#0E1730; --color-on-primary-container:var(--nb-cobalt-100); --color-secondary:var(--nb-teal-300); --color-secondary-hover:var(--nb-teal-200); --color-secondary-container:#0E2E31; --color-on-secondary:#04191B; --color-on-secondary-container:var(--nb-teal-100); --color-tertiary:var(--nb-berry-300); --color-tertiary-hover:var(--nb-berry-200); --color-tertiary-container:#3B1128; --color-on-tertiary:#33091F; --color-on-tertiary-container:var(--nb-berry-100); --color-info:var(--nb-info-300); --color-info-container:#0B2A40; --color-on-info-container:var(--nb-info-100); --color-success:var(--nb-success-300); --color-success-container:#0D2A1C; --color-on-success-container:var(--nb-success-100); --color-warning:var(--nb-warning-300); --color-warning-container:#33240A; --color-on-warning-container:var(--nb-warning-100); --color-error:var(--nb-error-300); --color-error-container:#3A1512; --color-on-error-container:var(--nb-error-100); --color-background:#12151A; --color-surface:#1A1E25; --color-surface-variant:#22272F; --color-surface-sunken:#0E1116; --color-surface-inverse:var(--nb-grey-50); --color-scrim:rgba(0,0,0,.62); --color-overlay-nav:#1A1E25; --color-text-primary:#E7EAEF; --color-text-secondary:#A3ACBA; --color-text-tertiary:#7F8896; --color-text-disabled:#5A6270; --color-text-inverse:var(--nb-grey-900); --color-text-link:var(--nb-cobalt-300); --color-text-link-hover:var(--nb-cobalt-200); --color-border:#2E3540; --color-border-strong:#3E4652; --color-border-subtle:#22272F; --color-divider:#2E3540; --state-hover:rgba(140,172,255,.10); --state-active:rgba(140,172,255,.18); --state-selected:rgba(140,172,255,.14); --state-selected-strong:#22345C; --state-focus-ring:var(--nb-cobalt-300); --state-focus-ring-offset:#12151A; --state-disabled-surface:#22272F; --state-disabled-border:#2E3540; --state-neutral-hover:rgba(255,255,255,.06); }