| 1 | /* |
| 2 | * g1t's design tokens. Every public site (the app, the docs) takes its |
| 3 | * colours and type from here, so a change lands everywhere at once. |
| 4 | * Each site maps these onto whatever its own framework calls them. |
| 5 | */ |
| 6 | :root { |
| 7 | --g1t-font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', |
| 8 | 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; |
| 9 | --g1t-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; |
| 10 | |
| 11 | /* Very dark gray, nearly neutral, three elevations. */ |
| 12 | --g1t-bg: #0f0f11; |
| 13 | --g1t-surface: #161618; |
| 14 | --g1t-raised: #1e1e21; |
| 15 | --g1t-line: #28282c; |
| 16 | --g1t-line-strong: #38383e; |
| 17 | |
| 18 | --g1t-fg: #ededef; |
| 19 | --g1t-fg-soft: #dcdce0; |
| 20 | --g1t-muted: #a0a0a8; |
| 21 | --g1t-faint: #6a6a72; |
| 22 | |
| 23 | /* Mint: what is live, what passed, what was added. */ |
| 24 | --g1t-accent: #86efc4; |
| 25 | --g1t-accent-dim: #4fb38e; |
| 26 | --g1t-accent-low: #10302a; |
| 27 | |
| 28 | /* Accents: lavender and peach, for art and for status. */ |
| 29 | --g1t-info: #8ab4ff; |
| 30 | --g1t-merged: #b6a8ff; |
| 31 | --g1t-warn: #ffbd8c; |
| 32 | --g1t-danger: #ff8394; |
| 33 | } |