/* * Noaber.ai brand stylesheet · v1.0.0 · 2026-05-09 * Drop-in: * Theme override: of "dark" */ :root { --noaber-primary: #4FB8B0; --noaber-primary-hover: #6BC9C0; --noaber-primary-pressed: #3FA298; --noaber-primary-deep: #1A5C5E; --noaber-primary-tint: rgba(79, 184, 176, 0.12); --noaber-neutral-0: #FFFFFF; --noaber-neutral-50: #F8FAFC; --noaber-neutral-200: #E5E7EB; --noaber-neutral-400: #A0A4B4; --noaber-neutral-600: #5C6275; --noaber-neutral-800: #252B38; --noaber-neutral-900: #1A1E26; --noaber-neutral-1000: #0B0E14; /* light mode default */ --noaber-bg: var(--noaber-neutral-0); --noaber-bg-elevated: var(--noaber-neutral-50); --noaber-border: var(--noaber-neutral-200); --noaber-text: var(--noaber-neutral-1000); --noaber-text-muted: var(--noaber-neutral-600); --noaber-font-brand: Arial, Helvetica, sans-serif; --noaber-font-body: system-ui, -apple-system, 'Segoe UI', Inter, sans-serif; color-scheme: light; } @media (prefers-color-scheme: dark) { :root:not([data-theme='light']) { --noaber-bg: var(--noaber-neutral-1000); --noaber-bg-elevated: var(--noaber-neutral-900); --noaber-border: var(--noaber-neutral-800); --noaber-text: var(--noaber-neutral-50); --noaber-text-muted: var(--noaber-neutral-400); color-scheme: dark; } } :root[data-theme='dark'] { --noaber-bg: var(--noaber-neutral-1000); --noaber-bg-elevated: var(--noaber-neutral-900); --noaber-border: var(--noaber-neutral-800); --noaber-text: var(--noaber-neutral-50); --noaber-text-muted: var(--noaber-neutral-400); color-scheme: dark; }