:root {
	/* Brand Colors */
	--benxi-blue: #27357b;
	--benxi-green: #538135;
	--benxi-dark: #111111;
	--benxi-white: #ffffff;
	--benxi-light-gray: #f5f6f8;
	--benxi-gold: #c9a84c;

	/* Typography */
	--benxi-font: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

	/* Layout */
	--benxi-container: 1320px;
	--benxi-gutter: clamp(1.25rem, 4vw, 2.5rem);

	/* Header */
	--benxi-topbar-height: 36px;
	--benxi-header-height: 88px;
	--benxi-header-height-scrolled: 72px;
	--benxi-logo-height: 60px;
	--benxi-logo-height-scrolled: 50px;

	/* Transitions */
	--benxi-ease: cubic-bezier(0.4, 0, 0.2, 1);
	--benxi-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
	--benxi-transition: 0.4s var(--benxi-ease);

	/* Shadows */
	--benxi-shadow-sm: 0 2px 8px rgba(17, 17, 17, 0.06);
	--benxi-shadow-md: 0 8px 32px rgba(17, 17, 17, 0.1);
	--benxi-shadow-btn: 0 4px 20px rgba(39, 53, 123, 0.35);
	--benxi-shadow-btn-hover: 0 8px 28px rgba(39, 53, 123, 0.45);

	/* Glass */
	--benxi-glass-bg: rgba(255, 255, 255, 0.45);
	--benxi-glass-bg-strong: rgba(255, 255, 255, 0.62);
	--benxi-glass-blur: 22px;
	--benxi-glass-border: rgba(255, 255, 255, 0.55);
	--benxi-glass-shadow: 0 4px 24px rgba(15, 17, 21, 0.06), 0 1px 0 rgba(255, 255, 255, 0.6) inset;
}