/*
 * L3DN design tokens – PLACEHOLDER.
 * Replace with l3dn/design/tokens.css when the design is approved
 * (keep the --l3dn-* names or map them in theme.css).
 */
@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap");

:root {
	--l3dn-font-sans: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
	--l3dn-font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;

	--l3dn-ink: #0E0F0C;          /* primary */
	--l3dn-ink-2: #2A2B27;
	--l3dn-accent: #D4F01E;       /* neon lime – the only accent */
	--l3dn-accent-ink: #0E0F0C;   /* text on accent */
	--l3dn-bg: #FFFFFF;
	--l3dn-surface: #F6F6F3;
	--l3dn-line: #E3E3E0;
	--l3dn-muted: #6B6C66;
	--l3dn-error: #C62828;        /* errors + sale only */

	--l3dn-radius-sm: 6px;
	--l3dn-radius: 10px;
	--l3dn-radius-lg: 16px;
	--l3dn-shadow: 0 1px 2px rgba(14,15,12,.06), 0 4px 16px rgba(14,15,12,.06);
	--l3dn-container: 1240px;
	--l3dn-gutter: 16px;
}