pr_01m47d15m3e54sn21z27rpy5n9/packages/theme/tokens.css
| 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 | /* Warm near-black, three elevations. */ |
| 12 | --g1t-bg: #0e0d0a; |
| 13 | --g1t-surface: #16150f; |
| 14 | --g1t-raised: #1e1c15; |
| 15 | --g1t-line: #2a2820; |
| 16 | --g1t-line-strong: #3a372d; |
| 17 | |
| 18 | --g1t-fg: #f0eee6; |
| 19 | --g1t-fg-soft: #e2dfd4; |
| 20 | --g1t-muted: #a09c8f; |
| 21 | --g1t-faint: #6e6a5e; |
| 22 | |
| 23 | --g1t-accent: #b6f24a; |
| 24 | --g1t-accent-dim: #7fae2c; |
| 25 | --g1t-accent-low: #26330f; |
| 26 | |
| 27 | /* Status colours, used sparingly. */ |
| 28 | --g1t-info: #7cc4ff; |
| 29 | --g1t-shipped: #b9a2ff; |
| 30 | --g1t-warn: #f2c14a; |
| 31 | --g1t-danger: #ff7a6b; |
| 32 | } |