justin
b8f5c35045
Replaces the default black/gray with the docs/brand palette: warm ink text on paper surfaces, bronze accent, serif headings and the Origin-mark wordmark in the header, favicon, and the 'where it came from matters' tagline. Light/dark adapt via CSS vars (ink/paper flip); bronze and paper are constant. Tailwind v4 @theme exposes bronze/paper/ink tokens and the serif stack. Buttons/inputs/cards restyled to match; brand SVGs vendored into public/. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Signed-off-by: Justin Paul <justin@jpaul.me>
45 lines
1008 B
CSS
45 lines
1008 B
CSS
@import "tailwindcss";
|
|
|
|
/* Brand palette (docs/brand): warm ink + bronze + paper. */
|
|
@theme {
|
|
--color-bronze: #a06a42;
|
|
--color-bronze-deep: #8a5836;
|
|
--color-paper: #f7f3ec;
|
|
--color-ink: #1a1a17;
|
|
|
|
--font-serif: Georgia, "Times New Roman", "Liberation Serif", ui-serif, serif;
|
|
}
|
|
|
|
/* Adaptive tokens (ink/paper flip for light/dark; bronze + paper are constant). */
|
|
:root {
|
|
--background: #f7f3ec; /* paper */
|
|
--foreground: #1a1a17; /* ink */
|
|
--muted: #6b6862;
|
|
--surface: #fbf8f2;
|
|
--border: #e4dccb;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--background: #1a1a17; /* warm near-black */
|
|
--foreground: #f2eee6; /* warm off-white */
|
|
--muted: #9a968e;
|
|
--surface: #232019;
|
|
--border: #3a352c;
|
|
}
|
|
}
|
|
|
|
body {
|
|
background: var(--background);
|
|
color: var(--foreground);
|
|
font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
|
|
}
|
|
|
|
/* Headings use the heritage serif register. */
|
|
h1,
|
|
h2,
|
|
h3,
|
|
.font-serif {
|
|
font-family: var(--font-serif);
|
|
}
|