/**
 * GenieBuilder — design token layer.
 * Every widget/block/page/template reads these; none hardcode values.
 * Kits reskin the whole family by overriding this set on a scoped root.
 */

:root {
	--gb-color-surface: #ffffff;
	--gb-color-text: #1a1a1a;
	--gb-color-muted: #667085;
	--gb-color-primary: #0f766e;
	--gb-color-border: #e5e7eb;
	--gb-color-badge-bg: #0f766e;
	--gb-color-badge-text: #ffffff;
	--gb-color-placeholder: #f2f4f7;

	--gb-radius-card: 0.75rem;
	--gb-radius-badge: 0.375rem;

	--gb-space-xs: 0.25rem;
	--gb-space-sm: 0.5rem;
	--gb-space-md: 1rem;
	--gb-space-lg: 1.5rem;

	--gb-shadow-card: 0 1px 3px rgba(16, 24, 40, 0.1), 0 1px 2px rgba(16, 24, 40, 0.06);
	--gb-shadow-card-hover: 0 8px 24px rgba(16, 24, 40, 0.12);

	--gb-font-price: 1.25rem;
	--gb-font-meta: 0.9375rem;
	--gb-font-address: 0.9375rem;
	--gb-font-badge: 0.75rem;

	--gb-img-height: 220px;
}