diff options
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); + } +} |