/* =========================================================================== zed-style — design tokens Single source of truth. Every colour in a zed-style site resolves to one of these. Values are space-separated RGB channels so they compose with alpha: rgb(var(--accent) / .4) =========================================================================== */ :root { color-scheme: light; /* Surfaces — warm off-white "paper", never pure #fff for the page itself */ --paper: 250 249 246; --paper-card: 255 255 255; --paper-border: 230 227 218; /* Text — three weights of "ink", never a 4th */ --ink: 21 23 31; /* headings, primary values, active text */ --ink-soft: 57 61 69; /* body copy — this is what inherits */ --ink-muted: 118 123 133; /* labels, hints, metadata, counts */ /* Accent — a single confident blue. One accent per site. */ --accent: 19 72 220; --accent-hover: 15 58 184; --accent-soft: 232 237 252; /* tinted fill for active/hover states */ /* Destructive */ --danger: 200 40 60; /* Chrome */ --dot-color: 21 23 31; --scrollbar-thumb: 216 212 200; --scrollbar-thumb-hover: 196 192 178; } .dark { color-scheme: dark; --paper: 16 18 23; --paper-card: 26 29 36; --paper-border: 47 51 60; --ink: 237 238 240; --ink-soft: 199 202 208; --ink-muted: 141 146 156; /* Dark accent is lighter, not the same blue — it has to survive on paper-card */ --accent: 96 146 255; --accent-hover: 130 168 255; --accent-soft: 30 41 74; --danger: 255 105 120; --dot-color: 255 255 255; --scrollbar-thumb: 51 55 64; --scrollbar-thumb-hover: 66 71 82; } /* Semantic success/warning are used sparingly and inline (progress bar fills, status dots). Green: #16a34a. There is no --success token on purpose. */