diff options
| author | Martin Kagamino Lehoux <martin@lehoux.net> | 2026-09-12 22:20:21 +0200 |
|---|---|---|
| committer | Martin Kagamino Lehoux <martin@lehoux.net> | 2026-09-12 22:20:21 +0200 |
| commit | b11a40840cfe0e9978f78cacd68d68764eabec58 (patch) | |
| tree | ebac0df4200d9568b50cf52cc4afb12e1214b3de /src/styles/tokens.css | |
| parent | fe07795d98e415be251cfa196ce25191e4d34e6f (diff) | |
Split app.css into layered tokens and base globals
Fix ::root selector so vars and base font apply
Diffstat (limited to 'src/styles/tokens.css')
| -rw-r--r-- | src/styles/tokens.css | 26 |
1 files changed, 26 insertions, 0 deletions
diff --git a/src/styles/tokens.css b/src/styles/tokens.css new file mode 100644 index 0000000..4ab1f05 --- /dev/null +++ b/src/styles/tokens.css @@ -0,0 +1,26 @@ +@layer tokens { + :root { + --white: oklch(1 0 0); + --bg: oklch(0.97 0.006 70); + --nav-height: 3rem; + --surface: var(--white); + --surface-hover: oklch(from var(--accent) 0.99 0.008 h); + --border: oklch(0.91 0.006 70); + + --text: oklch(0.25 0.006 55); + --text-secondary: oklch(0.58 0.01 50); + + --accent: oklch(0.66 0.12 30); + --accent-hover: oklch(from var(--accent) calc(l - 0.06) c h); + + --success: oklch(0.72 0.07 140); + --danger: oklch(0.6 0.16 28); + + --shadow: oklch(from var(--text) l c h / 0.06); + --shadow-accent: oklch(from var(--accent) l c h / 0.1); + --shadow-accent-focus: oklch(from var(--accent) l c h / 0.15); + --shadow-accent-lg: oklch(from var(--accent) l c h / 0.2); + --danger-bg: oklch(from var(--danger) l c h / 0.08); + --danger-hover-bg: oklch(from var(--danger) l c h / 0.1); + } +} |