1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
|
/* =============================================================================
BRAND TOKENS — cleberg.net
============================================================================= */
:root {
color-scheme: light dark;
/* Light */
--bg: #ffffff;
--bg-soft: #f5f5f5;
--fg: #0a0a0a;
--fg-soft: #444444;
--accent: #c0392b;
--border: #0a0a0a;
--border-soft: #dedede;
--code-bg: #f3f3f3;
--meta: #999999;
/* Fonts */
--font-serif: Georgia, 'Times New Roman', serif;
--font-sans: system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
--font-mono: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, monospace;
/* Type scale */
--text-display: clamp(4rem, 8vw, 6.5rem);
--text-h1: clamp(2.2rem, 4vw, 3rem);
--text-h2: 1.2rem;
--text-body: 1.0625rem;
--text-sm: 0.875rem;
--text-xs: 0.6875rem; /* 11px — label tier */
--lh-display: 0.95;
--lh-body: 1.75;
/* Layout */
--outer-w: 1000px;
--prose-w: 720px;
--pad: clamp(1.25rem, 4vw, 2.5rem);
}
@media (prefers-color-scheme: dark) {
:root {
--bg: #080808;
--bg-soft: #111111;
--fg: #eeebe6;
--fg-soft: #aaa8a3;
--accent: #e05a48;
--border: #eeebe6;
--border-soft: #1e1e1e;
--code-bg: #0d0d0d;
--meta: #555555;
}
}
|
