/* Noosphere Dark Theme — "Ink & vellum" * Applied via [data-theme="dark"] on . * Overrides only --noo-* semantic tokens; primitives stay in tokens.css. * * --noo-surface-dark*, --noo-text-on-dark*, and the pigment ramp are * intentionally NOT overridden — those are always-dark contexts * (visualizer, sketches, OG previews) and constant across themes. */ [data-theme="dark"] { color-scheme: dark; --noo-text: rgba(237, 229, 210, 0.95); /* paper cream */ --noo-text-muted: #8A8273; /* paper-3 */ --noo-text-inverse: #1B2434; /* ink on cream chips */ --noo-surface: #101824; /* ink — page */ --noo-surface-raised: #162032; /* ink-2 — cards */ --noo-surface-sunken: #0A1018; /* deeper ink — inputs/code */ --noo-border: #2A364C; /* rule */ --noo-border-muted: #1F2A3E; /* Vermilion lifts to a warmer coral on the dark ground for legibility. */ --noo-accent: #D4634F; --noo-accent-hover: #E07B66; --noo-accent-subtle: rgba(212, 99, 79, 0.16); --noo-accent-text: #101824; --noo-accent-secondary: #D6A04D; /* gold lifted */ --noo-success: #6B8772; --noo-success-subtle: rgba(107, 135, 114, 0.18); --noo-success-text: #B8C9BD; --noo-warning: #D6A04D; --noo-warning-subtle: rgba(214, 160, 77, 0.18); --noo-warning-text: #E8C898; --noo-danger: #D4634F; --noo-danger-subtle: rgba(212, 99, 79, 0.18); --noo-danger-text: #E89A8B; --noo-info: #5570A0; --noo-info-subtle: rgba(85, 112, 160, 0.18); --noo-info-text: #A8B8D0; --noo-accent-subtle-solid: #2A2018; /* used for accent chip backgrounds */ --noo-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(237, 229, 210, 0.04); --noo-shadow-lg: 0 4px 22px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(237, 229, 210, 0.06); }