/* Noosphere High Contrast Theme * Applied via [data-theme="high-contrast"] on . * Maximizes readability with pure black/white and bold borders. */ [data-theme="high-contrast"] { --noo-text: #000; --noo-text-muted: #333; --noo-text-inverse: #fff; --noo-surface: #fff; --noo-surface-raised: #fff; --noo-surface-sunken: #f0f0f0; --noo-border: #000; --noo-border-muted: #666; --noo-accent: #0000cc; --noo-accent-hover: #000099; --noo-accent-subtle: #e0e0ff; --noo-accent-text: #fff; --noo-accent-secondary: #5500aa; --noo-success: #006600; --noo-success-subtle: #e0ffe0; --noo-success-text: #003300; --noo-warning: #cc6600; --noo-warning-subtle: #fff0e0; --noo-warning-text: #663300; --noo-danger: #cc0000; --noo-danger-subtle: #ffe0e0; --noo-danger-text: #660000; --noo-info: #0000cc; --noo-info-subtle: #e0e0ff; --noo-info-text: #000066; /* Dark surface tokens for always-dark contexts (visualizer, sketches). * In high-contrast mode, use pure black for maximum contrast with white text. */ --noo-surface-dark: #000; --noo-surface-dark-raised: #1a1a1a; --noo-text-on-dark: #fff; --noo-text-on-dark-muted: rgba(255, 255, 255, 0.85); --noo-radius: 2px; --noo-radius-lg: 4px; }