/**
 * SmartBody Kadence Standard — tokens for Canvas pages (frontend + block editor).
 * Source: SmartBody_Kadence_Standard.html. Scoped by enqueue (canvas template only).
 */

body.sb-kadence-canvas-page,
body.sb-kadence-canvas-page .kadence-canvas,
.editor-styles-wrapper {
	--sb-font: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

	/* Color */
	--sb-heading: #555555;
	--sb-body: #333333;
	--sb-orange: #ff9300;
	--sb-orange-hov: #eb7c09;
	--sb-orange-pastel: #fbead6;
	--sb-blue-pill: #45aaf8;
	--sb-blue-pill-hov: #2e93e0;
	--sb-blue: #396797;
	--sb-blue-pastel: #e6f0fa;
	--sb-charcoal: #5a5a5a;
	--sb-surface-gray: #ededed;
	--sb-line: #e2e2e2;
	--sb-white: #ffffff;

	/* Aliases — existing canvas/chrome rules */
	--sb-ink: var(--sb-heading);
	--sb-orange-dark: var(--sb-orange-hov);
	--sb-accent-blue: var(--sb-blue-pill);
	--sb-blue-dark: var(--sb-blue);
	--sb-sky: var(--sb-blue-pastel);
	--sb-cream: #f4f3ed;
	--sb-gray-mid: #666666;
	--sb-gray-light: #6b6b6b;

	/* Type — desktop above 1024px. Compact tokens used at 1024px and below. */
	--sb-h1: 52px;
	--sb-h1-sm: 34px;
	--sb-h2: 40px;
	--sb-h2-sm: 27px;
	--sb-h3: 24px;
	--sb-h3-sm: 21px;
	--sb-lead: 21px;
	--sb-lead-sm: 18px;
	--sb-text: 18px;
	--sb-caption: 15px;
	--sb-btn: var(--global-kb-font-size-md);
	--sb-lh: 1.55;
	--sb-lh-sm: 1.5;
	--sb-lh-h1: 1.15;
	--sb-lh-h2: 1.2;
	--sb-lh-h3: 1.25;
	--sb-lh-tight: 1.25;
	--sb-text-sm: 0.9375rem;

	/* Visible gaps (not “add another margin”) */
	--sb-gap: 20px;
	--sb-gap-list: 16px;
	--sb-gap-btn: 20px;
	--sb-gap-btn-card: 24px;

	/* Section / card rhythm — tokens only; do not force on every row */
	--sb-section: 48px;
	--sb-section-md: 40px;
	--sb-section-sm: 32px;
	--sb-compact: 32px;
	--sb-compact-sm: 24px;
	--sb-card-pad: 24px;
	--sb-card-pad-sm: 20px;
	--sb-card-gap: 32px;
	--sb-card-gap-md: 24px;
	--sb-card-gap-sm: 20px;
	--sb-space-20: 20px;
	--sb-space-24: 24px;
	--sb-space-32: 32px;
	--sb-space-40: 40px;
	--sb-space-48: 48px;
	--sb-space-64: 64px;

	/* Measure */
	--sb-max: 1140px;
	--sb-measure: 720px;
	--sb-hero-measure: 900px;
	--sb-gutter: 40px;
	--sb-gutter-sm: 20px;
	--sb-radius: 50px;
	--sb-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
	--sb-scroll-margin: 100px;
	--sb-scroll-margin-sm: 80px;
	--wp--style--global--content-size: var(--sb-max);
	--wp--style--global--wide-size: var(--sb-max);

	/* Kadence Blocks named spacing. EP as-built. Not theme --global-*-spacing. */
	--global-kb-spacing-xxs: 8px;
	--global-kb-spacing-xs: 16px;
	--global-kb-spacing-sm: 20px;
	--global-kb-spacing-md: 24px;
	--global-kb-spacing-lg: 32px;
	--global-kb-spacing-xl: 40px;
	--global-kb-spacing-xxl: 48px;
	--global-kb-spacing-3xl: 64px;

	/* Kadence Blocks named type. One name per role. Desktop above 1024px.
	   3XL key is --global-kb-font-size-xxxl. Font 2XL ≠ spacing XXL. */
	--global-kb-font-size-sm: 15px;
	--global-kb-font-size-md: 18px;
	--global-kb-font-size-lg: 21px;
	--global-kb-font-size-xl: 24px;
	--global-kb-font-size-xxl: 40px;
	--global-kb-font-size-xxxl: 52px;
}

/* Type tablet + mobile. Matches EP fontSize [desktop, small, small] and Kadence tablet query. */
@media (max-width: 1024px) {
	body.sb-kadence-canvas-page,
	body.sb-kadence-canvas-page .kadence-canvas,
	.editor-styles-wrapper {
		--global-kb-font-size-lg: 18px;
		--global-kb-font-size-xl: 21px;
		--global-kb-font-size-xxl: 27px;
		--global-kb-font-size-xxxl: 34px;
	}
}