/* Neutral theme — a brand-free starting point built to be overridden.
 *
 * Deliberately NOT Lynton's palette: a consuming site should not have to undo
 * someone else's brand before applying its own (spec 272 D9 — this package must
 * stay publishable to a customer unchanged).
 *
 * Light-first, because a marketing page usually is. Everything inherits from the
 * host page where that is the right default: `--font-sans` is `inherit`, so the
 * widget picks up the site's typeface with no configuration at all.
 *
 * To brand it, redefine any of these AFTER importing this file:
 *
 *   .lb-public { --accent-500: #0b5fff; --radius-md: 2px; }
 *
 * 🔥 SCOPED TO `.lb-public`, NOT `:root` — see themes/lynton.css. */
.lb-public {
	--accent-400: #5b7fa6;
	--accent-500: #476b91;
	--accent-600: #3a587a;
	--accent-700: #2f4762;

	--radius-sm: 4px;
	--radius-md: 8px;
	--radius-lg: 12px;
	--radius-full: 9999px;

	--duration-fast: 150ms;
	/* Inherit the host page's typeface by default — the single highest-value
	 * thing a widget can do to stop looking foreign. */
	--font-sans: inherit;
	--font-mono: ui-monospace, 'SF Mono', 'Cascadia Code', 'Fira Code', monospace;
	--fw-med: 560;
	--fw-strong: 620;

	/* Type ramp. Identical in every theme on purpose: the widget's layout is
	 * tuned to these sizes and the approved design is the 13px base, so a
	 * different ramp here would silently reflow the card. A customer-facing
	 * ramp is a deliberate change, not a theming accident. */
	--text-xs: 11px;
	--text-sm: 12px;
	--text-base: 13px;
	--text-lg: 14px;
	--text-xl: 18px;
	--text-2xl: 24px;

	--bg-base: #ffffff;
	--bg-panel: #ffffff;
	--bg-raised: #f6f7f8;
	--bg-hover: rgba(17, 24, 39, 0.05);
	--bg-subtle: #eceef1;
	--border-strong: #d7dae0;
	--fg-default: #14181f;
	--fg-muted: #545c6a;
	--fg-dim: #7b8494;
	--fg-faint: #a6aeba;
	--green-text: #1f7a48;
	--green-badge: #eaf5ee;
	--red-text: #b02a2a;
	--red-badge: #fdf0f0;
	/* Flat by default — a marketing page rarely wants a floating panel. */
	--shadow-panel: 0 1px 3px rgba(0, 0, 0, 0.08);
	color-scheme: light;
}