@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);
	}
}