:root {
	color-scheme: light;

	--accent: #4976d2;
	--accent-hover: #3563c4;
	--accent-ink: #335eb7;
	--accent-soft: #e1ecff;
	--accent-line: #a3bef2;
	--on-accent: #ffffff;

	--success: #2e9e52;
	--success-ink: #197037;
	--success-soft: #dcf7e1;
	--success-line: #96cea8;
	--info: #248fcc;
	--warn: #dca331;
	--warn-ink: #945a00;
	--warn-soft: #feedc9;
	--danger: #c83841;
	--danger-hover: #b72533;
	--danger-ink: #ba2b2e;
	--danger-soft: #ffefed;
	--danger-line: #f3bfbc;

	--text-1: #181b1f;
	--text-2: #3f4349;
	--text-3: #656970;
	--text-4: #8f9298;

	--bg-canvas: #eef0f3;
	--bg-1: #fbfcfd;
	--bg-2: #f4f6f9;
	--bg-3: #e9ebef;
	--bg-inset: #ffffff;
	--border: #d8dbdf;
	--border-strong: #c1c4c9;

	--card-border: transparent;
	--card-shadow: 0 1px 2px rgb(20 24 31 / 0.06), 0 1px 1px rgb(20 24 31 / 0.04);
	--card-active-shadow: 0 10px 24px -8px rgb(20 24 31 / 0.16), 0 2px 6px rgb(20 24 31 / 0.06);
	--card-active-shadow-success: var(--card-active-shadow);
	--popover-shadow: 0 12px 32px -8px rgb(20 24 31 / 0.22), 0 2px 6px rgb(20 24 31 / 0.08);
	--accent-glow: 0 6px 16px -6px rgb(73 118 210 / 0.55);
	--focus-ring: 0 0 0 3px rgb(73 118 210 / 0.22);
	--scrim: rgb(15 20 30 / 0.45);

	--r-l: 18px;
	--r-m: 12px;
	--r-s: 9px;
	--r-xs: 6px;

	--font-sans: 'Onest', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;

	--control-h: 40px;
	--control-h-lg: 48px;
	--sidebar-width: 96px;
	--modal-max-width: 560px;
	--ease: 0.18s ease;

	--z-sidebar: 100;
	--z-popover: 950;
	--z-modal: 1000;
	--z-toast: 1100;
	--z-connection: 1200;
}

[data-theme="dark"] {
	color-scheme: dark;

	--accent: #278ef5;
	--accent-hover: #4ba3f8;
	--accent-ink: #7dbcff;
	--accent-soft: rgb(39 142 245 / 0.13);
	--accent-line: rgb(39 142 245 / 0.5);

	--success: #27b36f;
	--success-ink: #62d49d;
	--success-soft: rgb(39 179 111 / 0.13);
	--success-line: rgb(39 179 111 / 0.5);
	--info: #56a9ff;
	--warn: #e4a73e;
	--warn-ink: #f0c077;
	--warn-soft: rgb(228 167 62 / 0.13);
	--danger: #c9364a;
	--danger-hover: #d94a5d;
	--danger-ink: #f27d8a;
	--danger-soft: rgb(207 58 76 / 0.12);
	--danger-line: rgb(207 58 76 / 0.45);

	--text-1: #e7ecf3;
	--text-2: #b3becb;
	--text-3: #8793a3;
	--text-4: #5b6777;

	--bg-canvas: #0c121e;
	--bg-1: #141c29;
	--bg-2: #101823;
	--bg-3: #1b2535;
	--bg-inset: #0d141f;
	--border: #1f2937;
	--border-strong: #2b3646;

	--card-border: #1f2937;
	--card-shadow: none;
	--card-active-shadow: 0 0 0 3px rgb(39 142 245 / 0.1);
	--card-active-shadow-success: 0 0 0 3px rgb(39 179 111 / 0.1);
	--popover-shadow: 0 16px 40px -8px rgb(0 0 0 / 0.6);
	--accent-glow: 0 6px 16px -6px rgb(39 142 245 / 0.6);
	--focus-ring: 0 0 0 3px rgb(39 142 245 / 0.25);
	--scrim: rgb(2 6 12 / 0.65);
}