/* assets/css/tokens.css — the only place a Maxer IDX colour is written down.
   Appearance settings override --maxer-primary, --maxer-font, --maxer-radius*
   via an inline block on this handle (class-assets.php). */
:root {
	/* Brand */
	--maxer-primary: #0041d9;
	--maxer-primary-hover: color-mix(in srgb, var(--maxer-primary), #000 18%);
	--maxer-primary-soft: color-mix(in srgb, var(--maxer-primary) 12%, #fff);
	--maxer-primary-line: color-mix(in srgb, var(--maxer-primary) 18%, #fff);
	--maxer-on-primary: #fff;
	--maxer-ring: var(--maxer-primary);

	/* Neutrals */
	--maxer-ink: #111116;
	--maxer-muted: #596b82;
	--maxer-attr: #7c8798;
	--maxer-surface: #fff;
	--maxer-bg: #f9f9fb;
	--maxer-bg-soft: #f6f7f8;
	--maxer-line: #d1d1d5;
	--maxer-line-soft: #e4e4e7;
	--maxer-pill-line: #ccccd2;
	--maxer-skeleton: #ededf0;

	/* Shape, depth, type */
	--maxer-radius: 12px;
	--maxer-radius-sm: 8px;
	--maxer-radius-panel: 20px;
	--maxer-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
	--maxer-shadow-hover: 0 16px 30px rgba(0, 0, 0, 0.15);
	--maxer-outline-hover: 2.4px;
	--maxer-font:
		"Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial,
		sans-serif;

	/* Semantic — fixed, not themeable */
	--maxer-status-active: #1f9d57;
	--maxer-status-pending: #e0a317;
	--maxer-status-sold: #d13b3b;
	--maxer-heart: #d13b3b;
	--maxer-pin: #a3000b;
	--maxer-pin-active: #111116;
	--maxer-pin-saved-bg: #ffd1d0;
	--maxer-ok-bg: #d4edda;
	--maxer-ok-fg: #155724;
	--maxer-warn-bg: #fff8e5;
	--maxer-warn-fg: #8a6d3b;
	--maxer-danger-bg: #fdf1f1;
	--maxer-danger-fg: #a32626;
}