/**
 * JaBizHub design tokens.
 *
 * Lifted verbatim from the approved demo. Nothing here is invented — if a
 * value needs to change it changes in the demo first, then here, so the two
 * never drift apart.
 */

:root {
	/* Brand */
	--jbh-ink: #17233B;
	--jbh-coral: #D9574F;
	--jbh-gold: #D79A2B;
	--jbh-sage: #2F7768;

	/* Interface neutrals */
	--jbh-canvas: #FCFBF8;
	--jbh-canvas-warm: #F7F3EC;
	--jbh-surface: #FFFFFF;
	--jbh-surface-subtle: #EEF1F4;
	--jbh-text: #17233B;
	--jbh-text-2: #566176;
	--jbh-border: #D7DCE4;
	--jbh-border-strong: #9AA4B2;

	/* Actions and status */
	--jbh-action: #17233B;
	--jbh-action-hover: #253655;
	--jbh-success: #237A57;
	--jbh-warning: #A86508;
	--jbh-error: #B83A3A;
	--jbh-focus: #2F76D2;

	/* Spacing, 4px base */
	--jbh-s1: 4px;
	--jbh-s2: 8px;
	--jbh-s3: 12px;
	--jbh-s4: 16px;
	--jbh-s5: 20px;
	--jbh-s6: 24px;
	--jbh-s8: 32px;
	--jbh-s10: 40px;
	--jbh-s12: 48px;
	--jbh-s16: 64px;
	--jbh-s20: 80px;

	/* Radius */
	--jbh-r-xs: 4px;
	--jbh-r-sm: 8px;
	--jbh-r-md: 12px;
	--jbh-r-lg: 20px;
	--jbh-r-pill: 999px;

	/* Elevation */
	--jbh-e1: 0 2px 8px rgba(23, 35, 59, .08);
	--jbh-e2: 0 8px 24px rgba(23, 35, 59, .12);
	--jbh-e3: 0 18px 48px rgba(23, 35, 59, .18);

	/* Motion */
	--jbh-fast: 120ms;
	--jbh-base: 180ms;
	--jbh-slow: 280ms;

	/* Layout */
	--jbh-max: 1280px;
}

/* Someone who has asked their system to reduce motion means it. */
@media (prefers-reduced-motion: reduce) {
	:root {
		--jbh-fast: 0ms;
		--jbh-base: 0ms;
		--jbh-slow: 0ms;
	}

	.jbh *,
	.jbh *::before,
	.jbh *::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
		scroll-behavior: auto !important;
	}
}