/* Hallmark · tokens: Terminal · genre: atmospheric/technical · designed-as-app */
:root {
	--color-paper: oklch(14% 0.018 145);
	--color-paper-2: oklch(18% 0.022 145);
	--color-paper-3: oklch(22% 0.026 145);
	--color-ink: oklch(92% 0.058 145);
	--color-ink-2: oklch(78% 0.05 145);
	--color-neutral: oklch(68% 0.038 145);
	--color-muted: oklch(58% 0.03 145);
	--color-rule: oklch(30% 0.035 145);
	--color-rule-2: oklch(42% 0.055 145);
	--color-accent: oklch(84% 0.19 137);
	--color-accent-ink: oklch(15% 0.025 145);
	--color-signal: oklch(78% 0.16 78);
	--color-signal-ink: oklch(16% 0.025 78);
	--color-focus: oklch(88% 0.2 137);
	--color-error: oklch(70% 0.18 28);
	--color-success: oklch(84% 0.19 137);
	--color-transparent: oklch(14% 0.018 145 / 0);
	--color-grid: oklch(42% 0.055 145 / 0.22);
	--color-overlay: oklch(10% 0.012 145 / 0.88);

	--font-display: "JetBrains Mono", ui-monospace, monospace;
	--font-body: "JetBrains Mono", ui-monospace, monospace;
	--font-outlier: "JetBrains Mono", ui-monospace, monospace;

	--text-xs: 0.75rem;
	--text-sm: 0.875rem;
	--text-base: 1rem;
	--text-md: 1.25rem;
	--text-lg: 1.5625rem;
	--text-xl: 1.9531rem;
	--text-2xl: 2.4414rem;
	--text-3xl: 3.0518rem;
	--text-4xl: 3.8147rem;
	--text-display-s: clamp(2.1rem, 5.7vw, 4.8rem);
	--text-display: clamp(2.5rem, 7.2vw, 5.5rem);

	--space-3xs: 0.125rem;
	--space-2xs: 0.25rem;
	--space-xs: 0.5rem;
	--space-sm: 0.75rem;
	--space-md: 1rem;
	--space-lg: 1.5rem;
	--space-xl: 2.5rem;
	--space-2xl: 4rem;
	--space-3xl: 6rem;
	--space-4xl: 9rem;

	--container: 80rem;
	--measure: 66ch;
	--page-gutter: clamp(1rem, 3vw, 2.5rem);
	--control-height: 3rem;

	--rule-hair: 1px;
	--rule-fine: 2px;
	--radius-input: 2px;
	--radius-card: 2px;
	--radius-pill: 2px;

	--ease-out: cubic-bezier(0.16, 1, 0.3, 1);
	--ease-in: cubic-bezier(0.7, 0, 0.84, 0);
	--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
	--dur-micro: 120ms;
	--dur-short: 220ms;
	--dur-long: 420ms;

	--z-base: 1;
	--z-raised: 10;
	--z-dropdown: 100;
	--z-sticky: 200;
	--z-modal: 400;
	--z-toast: 500;
	--z-tooltip: 600;
}

[data-theme="light"] {
	--color-paper: oklch(96% 0.018 145);
	--color-paper-2: oklch(92% 0.026 145);
	--color-paper-3: oklch(88% 0.032 145);
	--color-ink: oklch(20% 0.052 145);
	--color-ink-2: oklch(31% 0.06 145);
	--color-neutral: oklch(40% 0.05 145);
	--color-muted: oklch(47% 0.04 145);
	--color-rule: oklch(78% 0.045 145);
	--color-rule-2: oklch(61% 0.065 145);
	--color-accent: oklch(38% 0.14 145);
	--color-accent-ink: oklch(97% 0.018 145);
	--color-signal: oklch(55% 0.15 66);
	--color-signal-ink: oklch(98% 0.016 78);
	--color-focus: oklch(42% 0.16 145);
	--color-error: oklch(49% 0.18 28);
	--color-success: oklch(38% 0.14 145);
	--color-transparent: oklch(96% 0.018 145 / 0);
	--color-grid: oklch(40% 0.05 145 / 0.14);
	--color-overlay: oklch(94% 0.02 145 / 0.94);
}

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

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