:root {
	color-scheme: light;
	--vocavera-auth-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	--vocavera-auth-text: #0b1020;
	--vocavera-auth-heading: #10172f;
	--vocavera-auth-muted: #4d5a74;
	--vocavera-auth-label: #2f3a52;
	--vocavera-auth-primary: #4d8cef;
	--vocavera-auth-primary-dark: #3f80f0;
	--vocavera-auth-accent: #45bed5;
	--vocavera-auth-field-border: rgba(77, 140, 239, 0.16);
	--vocavera-auth-field-border-hover: rgba(77, 140, 239, 0.28);
	--vocavera-auth-field-border-focus: rgba(77, 140, 239, 0.56);
	--vocavera-auth-field-background: linear-gradient(180deg, #fbfdff 0%, #f4f8ff 100%);
	--vocavera-auth-card-background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 251, 255, 0.98) 100%);
	--vocavera-auth-card-border: 1px solid rgba(11, 16, 32, 0.05);
	--vocavera-auth-card-shadow: 0 22px 60px rgba(11, 16, 32, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.85);
	--vocavera-auth-button-background: linear-gradient(135deg, #4678f2 0%, #4d8cef 48%, #45bed5 100%);
	--vocavera-auth-button-background-hover: linear-gradient(135deg, #3c6ee8 0%, #4382e6 48%, #3bb4cc 100%);
	--vocavera-auth-button-shadow: 0 16px 28px rgba(77, 140, 239, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.24);
	--vocavera-auth-card-radius: 24px;
	--vocavera-auth-control-radius: 14px;
	--vocavera-auth-control-height: 56px;
	--vocavera-auth-button-height: 58px;
	--vocavera-auth-page-padding-top: clamp(160px, 30vh, 320px);
	--vocavera-auth-page-padding-inline: 18px;
	--vocavera-auth-page-padding-bottom: 40px;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

@media (max-width: 600px) {
	:root {
		--vocavera-auth-page-padding-top: 92px;
		--vocavera-auth-page-padding-inline: 16px;
		--vocavera-auth-page-padding-bottom: 30px;
	}
}

@media (max-height: 720px) {
	:root {
		--vocavera-auth-page-padding-top: 72px;
	}
}