src/styles/tokens.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24


@layer tokens {
	:root {
		--white: oklch(1 0 0);
		--font-sans:
			system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
			'Helvetica Neue', Arial, sans-serif;
		--nav-height: 2.75rem;
		--bg: var(--white);
		--surface: var(--white);
		--border: oklch(0.87 0.008 70);

		--text: oklch(0.25 0.006 55);
		--text-secondary: oklch(0.55 0.01 50);

		--accent: oklch(0.52 0.09 165);
		--accent-hover: oklch(from var(--accent) calc(l - 0.06) c h);
		--warn: oklch(0.58 0.11 70);
		--warn-bg: oklch(from var(--warn) l c h / 0.12);

		--success: oklch(0.72 0.07 140);
		--danger: oklch(0.6 0.16 28);
		--danger-bg: oklch(from var(--danger) l c h / 0.08);
	}
}