/* 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 the Figma file * "NeuroBlu Research Assistant" (NDS design system). */ /* NDS design tokens (source: Figma NDS palette) */ --nds-nav: #1a2b44; /* VE 2.0/Surface - Navigation Menu */ --nds-surface-01: #f4f7fc; /* NDS/Surface 01 — toolbar / card bg */ --nds-surface-03: #fbfcfe; /* NDS/Surface 03 — page background */ --nds-surface-04: #e8effb; /* NDS/Surface 04 — icon well bg */ --nds-divider: #e0e3f1; /* NDS/Divider Strong Separator */ --nds-chip-border: #aabbdc; /* Button/Outline Border */ --nds-toolbar-text: #2c6dab; /* Button/Toolbar text */ --nds-shadow-top: 0px 1px 4px rgba(31,81,157,0.12); --nds-shadow-card: 0px 0px 2px rgba(40,41,61,0.04), 0px 4px 8px rgba(96,97,112,0.16); /* 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: #fbfcfe; /* NDS/Surface 03 */ --nb-bg-elevated: #ffffff; --nb-bg-subtle: #f4f7fc; /* NDS/Surface 01 */ --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: #e0e3f1; /* NDS/Divider Strong Separator */ --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); }