/* Ernyő – ARI-hangulat (sötét). Forrás: design/tokens.md + design/ernyo_*.html */
:root {
	--beai-bg: #040914;
	--beai-surface: #0A1326;
	--beai-surface-glass: rgba(8, 16, 34, 0.8);
	--beai-surface-2: #0E1B35;
	--beai-border: #1A3158;
	--beai-border-strong: #3A6CB5;
	--beai-text: #E8EEF8;
	--beai-text-muted: #A9B6CC;
	--beai-text-subtle: #8C9AB3;
	--beai-accent: #4C9EFF;
	--beai-accent-soft: #7DB7FF;
	--beai-accent-soft-2: #9CC4FF;
	--beai-gold: #E0A23A;
	--beai-gold-soft: #F2C26B;
	--beai-success: #6FD3A6;

	--beai-link: #7DB7FF;
	--beai-link-hover: #A8CEFF;
	--beai-eyebrow: #4C9EFF;
	--beai-nav-link: #A9B6CC;
	--beai-nav-link-active: #E8EEF8;
	--beai-nav-gap: 36px;

	--beai-button-bg: #2563EB;
	--beai-button-text: #FFFFFF;
	--beai-button-radius: 10px;
	--beai-button-radius-sm: 8px;
	--beai-button-shadow: 0 0 28px rgba(37, 99, 235, 0.6);
	--beai-button-shadow-sm: 0 0 20px rgba(37, 99, 235, 0.55);
	--beai-button-secondary-bg: rgba(10, 20, 40, 0.6);
	--beai-button-secondary-border: #2B4470;
	--beai-button-secondary-text: #E8EEF8;

	--beai-card-radius: 16px;
	--beai-glow: 0 0 40px rgba(76, 158, 255, 0.22);

	--beai-mark-size: 28px;
	--beai-mark-size-mobile: 24px;
	--beai-mark-color: #4C9EFF;
	--beai-mark-shadow: 0 0 14px rgba(76, 158, 255, 0.7), inset 0 0 8px rgba(76, 158, 255, 0.5);

	--beai-toggle-bg: transparent;
	--beai-toggle-border: #2B4470;

	--beai-h1-size: 60px;
	--beai-h1-size-mobile: 38px;
	--beai-h1-line: 1.05;
	--beai-h1-line-mobile: 1.08;

	--beai-mobile-bar-bg: rgba(4, 9, 20, 0.92);
	--beai-focus: #9CC4FF;

	--beai-icon-bg: transparent;
	--beai-icon-ring: 1px solid #3A6CB5;
	--beai-icon-glow: 0 0 16px rgba(76, 158, 255, 0.35);
	--beai-margin-line: #3A6CB5;
	--beai-final-bg: radial-gradient(circle at 50% 0%, rgba(76, 158, 255, 0.22) 0%, rgba(37, 99, 235, 0.08) 40%, rgba(10, 19, 38, 0) 70%), rgba(8, 16, 34, 0.8);
}