/* Noosphere Dark Theme * Applied via [data-theme="dark"] on . * Overrides --noo-* semantic tokens only. * * Note: --noo-surface-dark, --noo-surface-dark-raised, --noo-text-on-dark, * and --noo-text-on-dark-muted are intentionally NOT overridden here because * they represent always-dark contexts (visualizer, sketches) and should remain * constant regardless of theme. */ [data-theme="dark"] { color-scheme: dark; --noo-text: var(--gray-2); --noo-text-muted: var(--gray-5); --noo-text-inverse: #fff; --noo-surface: var(--gray-10); --noo-surface-raised: var(--gray-9); --noo-surface-sunken: var(--gray-11); --noo-border: var(--gray-7); --noo-border-muted: var(--gray-8); --noo-accent: var(--indigo-4); --noo-accent-hover: var(--indigo-3); --noo-accent-subtle: var(--indigo-9); --noo-accent-text: #fff; --noo-accent-secondary: var(--violet-4); --noo-success-subtle: var(--green-9); --noo-success-text: var(--green-2); --noo-warning-subtle: var(--yellow-9); --noo-warning-text: var(--yellow-2); --noo-danger-subtle: var(--red-9); --noo-danger-text: var(--red-2); --noo-info-subtle: var(--blue-9); --noo-info-text: var(--blue-2); --noo-shadow: var(--shadow-3); --noo-shadow-lg: var(--shadow-5); }