/*
 * Tijelabine design tokens (web)
 * Source of truth aligned with AppPalette.light + AppSpacing (Flutter).
 * Keep in sync with resources/css/design-tokens.css (build Vite admin).
 */
:root {
	--bg: #f7f5f1;
	--surface: #ffffff;
	--card: #ffffff;
	--text: #101828;
	--text-secondary: #667085;
	--border: #c7c9ce;
	--input-fill: #f3f1ed;
	--primary: #172554;
	--price: #d97706;
	--success: #15803d;
	--accent: #d97706;
	--error: #b42318;
	--error-container: #fef3f2;
	--error-on-container: #912018;
	--success-container: #dcfce7;
	--success-border: #86efac;
	--action-buy: #2563eb;
	--action-parts: #0d9488;
	--soft-info-fill: #eff6ff;
	--soft-info-border: #bfdbfe;
	--brand-whatsapp: #25d366;
	--brand-whatsapp-ink: #075e54;
	--brand-whatsapp-ui: #128c4a;
	--brand-whatsapp-link: #0d6638;
	--hero-scrim: rgb(6 17 42 / 0.72);
	--on-primary: #ffffff;

	--radius-standard: 16px;
	--radius-control: 12px;
	--radius-small: 8px;

	--space-xs: 0.25rem;
	--space-s: 0.5rem;
	--space-m: 0.75rem;
	--space-l: 1rem;
	--space-xl: 1.5rem;
	--space-xxl: 2rem;

	--control-height: 56px;
	--shadow: 0 1px 2px color-mix(in srgb, var(--text) 6%, transparent);
	--max-w: 1160px;
}