:root {
	--incorrect-bg: hsl(355, 99%, 35%);
	--purple-bg: hsl(271, 86%, 40%);
	--paused-bg: darkgray;
	--paused-bg-light: lightgray;
	--correct-bg: green;
	--action-blue: oklch(0.3812 0.2375 265.89);
	--color-jump-ink: oklch(0.965 0.006 85);
	--color-jump-muted: oklch(0.76 0.015 265);
	--color-jump-rule: oklch(0.46 0.018 265);
	--color-jump-border: oklch(0.52 0.02 265);
	--color-jump-focus: oklch(0.87 0.15 92);
	--space-jump-sm: 0.5rem;
	--space-jump-md: 1rem;
	--space-jump-lg: 1.5rem;
	--space-jump-xl: 2rem;
	--text-jump-meta: 0.95rem;
	--text-jump-body: 1rem;
	--text-jump-title: clamp(1.5rem, 2.4vw, 2rem);
	--text-jump-stat: clamp(2.6rem, 4vw, 3.25rem);
	--ease-jump-out: cubic-bezier(0.16, 1, 0.3, 1);
	--dur-jump-fast: 140ms;
	--rule-jump: 1px;
	--radius-jump-card: 0.75rem;

	--color-attempt-paper: oklch(0.13 0.018 275);
	--color-attempt-surface: oklch(0.205 0.022 275);
	--color-attempt-card: oklch(0.245 0.025 275);
	--color-attempt-card-border: oklch(0.48 0.035 275);
	--color-attempt-card-highlight: oklch(0.98 0.01 92 / 0.08);
	--color-attempt-card-shadow: oklch(0.03 0.012 275 / 0.42);
	--color-attempt-header: oklch(0.185 0.023 275);
	--color-attempt-ink: oklch(0.965 0.008 92);
	--color-attempt-muted: oklch(0.81 0.016 265);
	--color-attempt-rule: oklch(0.43 0.026 275);
	--color-attempt-focus: oklch(0.87 0.15 92);
	--color-attempt-primary: oklch(0.82 0.16 95);
	--color-attempt-primary-cast: oklch(0.54 0.1 95 / 0.28);
	--color-attempt-secondary: oklch(0.72 0.12 235);
	--color-attempt-success: oklch(0.75 0.14 145);
	--color-attempt-error: oklch(0.72 0.17 25);
	--font-attempt-body: Arial, Helvetica, sans-serif;
	--space-attempt-2xs: 0.25rem;
	--space-attempt-xs: 0.5rem;
	--space-attempt-sm: 0.75rem;
	--space-attempt-md: 1rem;
	--space-attempt-lg: 1.5rem;
	--space-attempt-xl: 2.5rem;
	--space-attempt-2xl: 4rem;
	--space-attempt-3xl: 6rem;
	--text-attempt-sm: 0.875rem;
	--text-attempt-body: 1rem;
	--text-attempt-lg: 1.25rem;
	--text-attempt-xl: clamp(1.5rem, 3vw, 2rem);
	--ease-attempt-out: cubic-bezier(0.16, 1, 0.3, 1);
	--ease-attempt-in: cubic-bezier(0.7, 0, 0.84, 0);
	--ease-attempt-in-out: cubic-bezier(0.65, 0, 0.35, 1);
	--dur-attempt-micro: 120ms;
	--dur-attempt-short: 220ms;
	--dur-attempt-long: 420ms;
	--rule-attempt: 1px;
	--rule-attempt-strong: 3px;
	--radius-attempt-control: 0.5rem;
	--radius-attempt-card: 0.75rem;
	--radius-attempt-pill: 999px;
}

html[data-theme='light'] {
	--incorrect-bg: hsl(355 99% 45%);
	--purple-bg: hsl(271 86% 55%);
	--paused-bg: lightgray;
	--correct-bg: hsl(120 100% 35%);
	--light-menu-ink: oklch(0.25 0.035 278);
	--light-menu-surface: oklch(0.975 0.018 92);
	--color-jump-ink: oklch(0.19 0.02 265);
	--color-jump-muted: oklch(0.4 0.025 265);
	--color-jump-rule: oklch(0.78 0.025 88);
	--color-jump-border: oklch(0.8 0.022 88);
	--color-jump-focus: oklch(0.42 0.17 265);

	--color-attempt-paper: oklch(0.93 0.025 92);
	--color-attempt-surface: oklch(0.965 0.018 92);
	--color-attempt-card: oklch(0.992 0.008 92);
	--color-attempt-card-border: oklch(0.79 0.035 92);
	--color-attempt-card-highlight: oklch(0.998 0.006 92 / 0.86);
	--color-attempt-card-shadow: oklch(0.3 0.04 275 / 0.15);
	--color-attempt-header: oklch(0.97 0.018 92);
	--color-attempt-ink: oklch(0.21 0.025 275);
	--color-attempt-muted: oklch(0.36 0.032 265);
	--color-attempt-rule: oklch(0.79 0.034 92);
	--color-attempt-focus: oklch(0.42 0.17 265);
	--color-attempt-primary: oklch(0.84 0.16 95);
	--color-attempt-primary-cast: oklch(0.64 0.1 95 / 0.22);
	--color-attempt-secondary: oklch(0.56 0.14 235);
	--color-attempt-success: oklch(0.45 0.13 145);
	--color-attempt-error: oklch(0.5 0.2 25);
}