/* NeuroBlu Research Assistant — global brand layer. * * @font-face declarations + CSS-variable palette. * Loaded from via app.html (not via SvelteKit's CSS pipeline) so * every page sees the same font stack on first paint with no FOUT. */ @font-face { font-family: 'Neue Einstellung'; src: url('/fonts/NeueEinstellung-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Neue Einstellung'; src: url('/fonts/NeueEinstellung-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Neue Einstellung'; src: url('/fonts/NeueEinstellung-SemiBold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Neue Einstellung'; src: url('/fonts/NeueEinstellung-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; } :root { /* Brand palette — exposed as variables so every component pulls from * one source. Source of truth for the colors is `app.py:540` and * `.streamlit/config.toml` in the legacy app. */ /* Primary teal — buttons, links, accents */ --nb-primary: #0b7a87; --nb-primary-hover: #086370; /* Accent blue — composer submit, primary chips */ --nb-accent: #267fd2; --nb-accent-hover: #1e6fbf; --nb-accent-tint: #dbeafe; --nb-accent-tint-border: #93c5fd; /* Holmusk chart palette (5-color, used by Chart.svelte) */ --nb-chart-1: #4160ba; --nb-chart-2: #1f2e5b; --nb-chart-3: #5b8db8; --nb-chart-4: #8faadc; --nb-chart-5: #243050; /* Surface */ --nb-bg: #f7f9fc; --nb-bg-elevated: #ffffff; --nb-bg-subtle: #f1f5f9; --nb-bg-info: #f0f9ff; --nb-bg-info-border: #bae6fd; --nb-bg-warn: #fef3c7; --nb-bg-warn-border: #fcd34d; --nb-bg-warn-text: #78350f; /* Text */ --nb-text: #1a1a1a; --nb-text-strong: #0f172a; --nb-text-muted: #64748b; --nb-text-subtle: #94a3b8; --nb-text-faint: #cbd5e1; /* Borders */ --nb-border: #e2e8f0; --nb-border-strong: #cbd5e1; --nb-border-soft: #f1f5f9; /* Danger */ --nb-danger: #ef4444; --nb-danger-soft: #fef2f2; --nb-danger-border: #fecaca; --nb-danger-text: #b91c1c; } html, body { font-family: 'Neue Einstellung', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: var(--nb-text); background: var(--nb-bg); } /* Headings inherit the same font but lean on the heavier weights. */ h1, h2, h3, h4, h5, h6 { font-family: inherit; color: var(--nb-text-strong); }