:root {
	--follo-primary: #0b6fd3;
	--follo-primary-hover: #095db2;
	--follo-primary-soft: #eef6ff;

	--follo-success: #15803d;
	--follo-success-soft: #f0fdf4;
	--follo-warning: #b45309;
	--follo-warning-soft: #fff7ed;
	--follo-danger: #dc2626;
	--follo-danger-hover: #b91c1c;
	--follo-danger-soft: #fff1f2;
	--follo-info: #0e7490;
	--follo-info-soft: #ecfeff;

	--follo-text: #1f2937;
	--follo-text-muted: #667085;
	--follo-heading: #111827;

	--follo-border: #d8dee7;
	--follo-border-light: #e9edf2;
	--follo-surface: #ffffff;
	--follo-surface-soft: #f8fafc;

	--follo-radius-sm: 6px;
	--follo-radius: 10px;
	--follo-radius-lg: 14px;

	--follo-shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);
	--follo-shadow: 0 1px 3px rgba(16, 24, 40, .08), 0 1px 2px rgba(16, 24, 40, .04);

	--follo-control-height: 46px;
	--follo-content-gap: 24px;
	--follo-transition: 180ms ease;
}