/* Bump and Beyond design tokens — "Quiet Ledger" v1.0
   Source of truth: design-system.md. Keep in sync with the Elementor kit (post 5). */
:root {
	/* Color */
	--bb-cream: #FFFDF8;
	--bb-white: #FFFFFF;
	--bb-ink: #0D141A;
	--bb-olive-900: #26311C;
	--bb-olive-700: #4E6538;
	--bb-olive-500: #637D48;
	--bb-sage-100: #EEF1E6;
	--bb-peach-100: #FFE6C7;
	--bb-muted: #5A6352;
	--bb-over: #A13D24;
	--bb-under: #2F5E7A;
	--bb-line: rgba(38, 49, 28, .12);
	--bb-field: #7F8874;

	/* Typography */
	--bb-font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
	--bb-font-body: 'Nunito Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;

	--bb-h1-size: clamp(2.5rem, 1.6rem + 3.2vw, 4rem);
	--bb-h2-size: clamp(1.875rem, 1.4rem + 1.8vw, 2.75rem);
	--bb-h3-size: clamp(1.25rem, 1.1rem + .6vw, 1.5rem);
	--bb-eyebrow-size: 0.8125rem;
	--bb-body-size: 1.0625rem;
	--bb-lead-size: 1.25rem;
	--bb-small-size: 0.875rem;

	/* Spacing scale */
	--bb-space-1: 4px;
	--bb-space-2: 8px;
	--bb-space-3: 12px;
	--bb-space-4: 16px;
	--bb-space-5: 24px;
	--bb-space-6: 32px;
	--bb-space-7: 40px;
	--bb-space-8: 64px;
	--bb-space-9: 96px;

	/* Layout */
	--bb-section-padding: 96px;
	--bb-section-padding-tablet: 64px;
	--bb-section-padding-mobile: 48px;
	--bb-container-width: 1200px;
	--bb-gutter: 24px;
	--bb-gutter-mobile: 20px;

	/* Radii */
	--bb-radius-sm: 8px;
	--bb-radius-md: 16px;
	--bb-radius-lg: 24px;
	--bb-radius-pill: 999px;

	/* Shadows */
	--bb-shadow-sm: 0 1px 2px rgba(13, 20, 26, .06);
	--bb-shadow-md: 0 12px 32px -12px rgba(38, 49, 28, .22);

	/* Motion */
	--bb-duration-fast: 150ms;
	--bb-duration-ui: 250ms;
	--bb-duration-reveal: 600ms;
	--bb-ease: cubic-bezier(.2, .7, .2, 1);
	--bb-ease-out-expo: cubic-bezier(.16, 1, .3, 1);
	--bb-ease-in: cubic-bezier(.4, 0, 1, 1);

	/* Header */
	--bb-header-height: 72px;
	--bb-header-height-mobile: 64px;
}