/* SPS – meleg (világos). Forrás: design/tokens.md + design/sps_*.html */
:root {
	--beai-bg: #F7F1E6;
	--beai-surface: #FFFDF8;
	--beai-surface-glass: rgba(255, 252, 245, 0.8);
	--beai-surface-2: #FFFCF5;
	--beai-border: #E2D6BF;
	--beai-border-strong: #E0C58F;
	--beai-text: #1E1A14;
	--beai-text-muted: #52493C;
	--beai-text-subtle: #6B5E4C;
	--beai-accent: #8A5A12;
	--beai-accent-soft: #8A5A12;
	--beai-icon-bg: #F3E4C4;
	--beai-hand: #3A2F22;
	--beai-hand-2: #5A4A35;
	--beai-hand-3: #7A6A55;

	--beai-link: #7A4F0E;
	--beai-link-hover: #5C3B09;
	--beai-eyebrow: #6B5E4C;
	--beai-nav-link: #5E5446;
	--beai-nav-link-active: #1E1A14;
	--beai-nav-gap: 32px;

	--beai-button-bg: #8A5A12;
	--beai-button-text: #FFFFFF;
	--beai-button-radius: 999px;
	--beai-button-radius-sm: 999px;
	--beai-button-shadow: 0 12px 28px rgba(138, 90, 18, 0.30);
	--beai-button-shadow-sm: 0 8px 20px rgba(138, 90, 18, 0.25);
	--beai-button-secondary-bg: rgba(255, 252, 245, 0.7);
	--beai-button-secondary-border: #E2D6BF;
	--beai-button-secondary-text: #1E1A14;

	--beai-card-radius: 20px;
	--beai-glow: 0 16px 40px rgba(90, 62, 20, 0.08);

	--beai-mark-size: 26px;
	--beai-mark-size-mobile: 22px;
	--beai-mark-color: #8A5A12;
	--beai-mark-shadow: none;

	--beai-toggle-bg: rgba(255, 252, 245, 0.7);
	--beai-toggle-border: #E2D6BF;

	--beai-h1-size: 58px;
	--beai-h1-size-mobile: 36px;
	--beai-h1-line: 1.07;
	--beai-h1-line-mobile: 1.1;

	--beai-mobile-bar-bg: rgba(247, 241, 230, 0.94);
	--beai-focus: #8A5A12;

	--beai-margin-line: #E9B8A6;
	--beai-final-bg: radial-gradient(circle at 85% 0%, rgba(247, 205, 130, 0.45) 0%, rgba(240, 210, 160, 0.18) 40%, rgba(255, 253, 248, 0) 70%), #FFFDF8;
}