Splits the 2571-line cassandra.css into ten focused stylesheets: tokens (palette + fonts), layout (chrome), panels, dashboard, portfolio, log-chat, auth, settings, news, public. base.html and public_base.html load only what they need; auth pages (login, verify, unsubscribe confirm) load tokens + layout + auth. Brand drift-detection test repointed at tokens.css (where the palette now lives). 291 tests still pass.
44 lines
1.4 KiB
CSS
44 lines
1.4 KiB
CSS
/* Cassandra — design tokens: palette, dark-theme overrides, font stacks.
|
|
* Must load first so all other files can var(--foo). */
|
|
|
|
:root {
|
|
/* Light theme (default) */
|
|
--bg: #f5f3ec; /* warm off-white, easier on the eyes than pure white */
|
|
--surface: #ffffff;
|
|
--surface-2: #efece3;
|
|
--border: #d6d3cb;
|
|
--text: #1c1f25;
|
|
--muted: #545b69;
|
|
--dim: #8a8f9a;
|
|
--accent: #0e7490; /* deep teal — still terminal-feel on light */
|
|
--positive: #166534;
|
|
--negative: #b91c1c;
|
|
--alert: #c2410c;
|
|
--warning: #a16207;
|
|
--user-bubble-bg: rgba(14, 116, 144, 0.07);
|
|
}
|
|
|
|
[data-theme="dark"] {
|
|
--bg: #0a0e14;
|
|
--surface: #11151c;
|
|
--surface-2: #161b25;
|
|
--border: #2a3142;
|
|
--text: #d4dae8; /* lifted from #c0caf5 for readability */
|
|
--muted: #8189a1; /* lifted from #565f89 — was unreadably dim */
|
|
--dim: #565f89;
|
|
--accent: #00d9ff;
|
|
--positive: #50fa7b;
|
|
--negative: #ff5b5b;
|
|
--alert: #ff8a4a;
|
|
--warning: #f1fa8c;
|
|
--user-bubble-bg: rgba(0, 217, 255, 0.08);
|
|
}
|
|
|
|
/* Font stacks. Mono for terminal feel; sans for reading. */
|
|
:root {
|
|
--font-mono: 'JetBrains Mono', 'IBM Plex Mono', 'Fira Code', ui-monospace, monospace;
|
|
--font-sans: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', Roboto,
|
|
'Helvetica Neue', system-ui, sans-serif;
|
|
}
|
|
|
|
* { box-sizing: border-box; }
|