/*
 * Design tokens — sourced from bh-design/stitch/lumina_hvac_solar/DESIGN.md.
 * Scoped to .bh-gallery so they don't leak into the theme.
 */

.bh-gallery {
	/* Color */
	--bh-primary:               #006e20;
	--bh-primary-container:     #39b54a;
	--bh-on-primary:            #ffffff;
	--bh-on-primary-container:  #003f0e;

	--bh-secondary:             #5a5f65;
	--bh-on-secondary:          #ffffff;
	--bh-secondary-container:   #dee3ea;

	--bh-tertiary:              #ab2e52;

	--bh-surface:               #ffffff;
	--bh-surface-alt:           #f8f9fa;
	--bh-surface-container:     #edeeef;
	--bh-surface-container-high:#e7e8e9;

	--bh-on-surface:            #191c1d;
	--bh-on-surface-variant:    #3e4a3c;
	--bh-on-surface-muted:      rgba(25, 28, 29, 0.7);

	--bh-outline:               #6e7b6a;
	--bh-outline-variant:       #bdcab8;

	/* Radius */
	--bh-radius-sm:   0.25rem;
	--bh-radius:      0.5rem;
	--bh-radius-md:   0.75rem;
	--bh-radius-lg:   1rem;
	--bh-radius-xl:   1.5rem;
	--bh-radius-full: 9999px;

	/* Spacing — 8px base */
	--bh-space-xs:  4px;
	--bh-space-sm:  12px;
	--bh-space:     24px;
	--bh-space-lg:  48px;
	--bh-space-xl:  80px;
	--bh-space-2xl: 120px;

	/* Layout */
	--bh-container: 1200px;
	--bh-gutter:    24px;

	/* Elevation */
	--bh-shadow:       0 4px 20px  rgba(0, 0, 0, 0.05);
	--bh-shadow-hover: 0 12px 30px rgba(0, 0, 0, 0.08);
	--bh-shadow-card:  0 2px 8px   rgba(0, 0, 0, 0.04);

	/* Typography */
	--bh-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;

	--bh-fs-h1:  48px;
	--bh-fs-h2:  36px;
	--bh-fs-h3:  24px;
	--bh-fs-lg:  18px;
	--bh-fs-md:  16px;
	--bh-fs-sm:  14px;
	--bh-fs-xs:  12px;

	/* Motion */
	--bh-ease:      cubic-bezier(0.4, 0, 0.2, 1);
	--bh-duration:  200ms;
}