/* Broken Ear design tokens. The only place brand values are defined. */
:root {
	--be-ink: #0b0d10;          /* header, footer, primary buttons */
	--be-ink-2: #171a1f;
	--be-ink-line: #22262d;
	--be-paper: #f3f4f6;        /* page ground */
	--be-card: #ffffff;
	--be-line: #dadde2;
	--be-line-soft: #eceef1;
	--be-text: #111418;
	--be-muted: #5a626e;        /* 6.3:1 on white */
	--be-on-ink-muted: #c9ced6;
	--be-blue: #4585ff;         /* logo blue: accents on dark only */
	--be-link: #1c5bd8;         /* 5.9:1 on white */
	--be-link-hover: #0f3e9e;
	--be-focus: #4585ff;

	--be-font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
	--be-font-body: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;

	--be-radius: 8px;
	--be-radius-sm: 6px;
	--be-space-1: 4px;
	--be-space-2: 8px;
	--be-space-3: 12px;
	--be-space-4: 16px;
	--be-space-5: 20px;
	--be-space-6: 28px;
	--be-max: 1200px;
	--be-tap: 44px;
}