:root {
	--font-heading: "Clash Display", "Arial Black", sans-serif;
	--font-body: "Satoshi", Inter, system-ui, sans-serif;
	--bg: #f6efe6;
	--surface: #fffaf3;
	--surface-strong: #ead8c4;
	--ink: #171311;
	--muted: #6d6259;
	--line: #171311;
	--pink: #c96d5c;
	--lime: #b7aa79;
	--blue: #315f7d;
	--apricot: #d79b72;
	--violet: #786f8f;
	--sage: #879174;
	--butter: #d8b982;
	--success: #4c8068;
	--danger: #b75a58;
	--shadow-ink: rgba(23, 19, 17, 0.92);
	--radius-xs: 4px;
	--radius-sm: 8px;
	--radius-md: 14px;
	--radius-lg: 22px;
	--border: 3px solid var(--line);
	--shadow-sm: 4px 4px 0 var(--shadow-ink);
	--shadow-md: 7px 7px 0 var(--shadow-ink);
	--shadow-lg: 12px 12px 0 var(--shadow-ink);
	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 0.75rem;
	--space-4: 1rem;
	--space-5: 1.25rem;
	--space-6: 1.5rem;
	--space-8: 2rem;
	--space-10: 2.5rem;
	--space-12: 3rem;
	--space-16: 4rem;
	--space-20: 5rem;
	--container: 1180px;
	--ease: cubic-bezier(0.16, 1, 0.3, 1);
	--fast: 180ms var(--ease);
	--normal: 320ms var(--ease);
}

[data-theme="dark"] {
	--bg: #0e0d0c;
	--surface: #1a1714;
	--surface-strong: #252019;
	--ink: #f0e6d8;
	--muted: #a89880;
	--line: #3a3228;
	--pink: #e8896e;
	--lime: #c8bc8e;
	--blue: #8ab4cc;
	--apricot: #e8ae82;
	--sage: #a8b492;
	--butter: #d4b870;
	--success: #6aaa8a;
	--danger: #d06a66;
	--shadow-ink: rgba(0, 0, 0, 0.55);
	--shadow-sm: 0 2px 8px var(--shadow-ink);
	--shadow-md: 0 4px 20px var(--shadow-ink);
	--shadow-lg: 0 8px 40px var(--shadow-ink);
	--border: 1.5px solid var(--line);
}