.login-brand::before {
	background: radial-gradient(circle, rgba(109, 68, 232, 0.22) 0%, transparent 70%);
}

.login-brand::after {
	background: radial-gradient(circle, rgba(54, 224, 200, 0.10) 0%, transparent 70%);
}

.login-brand h1 {
	font-family: var(--ui-font-display);
	font-optical-sizing: auto;
	font-size: 2rem;
	font-weight: 480;
	line-height: 1.1;
	letter-spacing: -0.01em;
}

.login-form-inner h2 {
	font-family: var(--ui-font-display);
	font-optical-sizing: auto;
	font-size: 1.75rem;
	font-weight: 500;
	letter-spacing: -0.01em;
}

.dashboard-title {
	font-family: var(--ui-font-display);
	font-optical-sizing: auto;
	font-size: clamp(1.35rem, 2.4vw, 1.75rem);
	font-weight: 500;
	letter-spacing: -0.01em;
	line-height: 1.15;
}

.account-amount,
.account-list-amount,
.account-list-available,
.movement-amount,
.dash-stat-num,
.dash-card-big,
.bento-dark-value,
.bento-stat-value {
	font-family: var(--ui-font-mono);
	font-variant-numeric: tabular-nums;
	letter-spacing: -0.01em;
}

body.error-page .error-message {
	font-family: var(--ui-font-display);
	font-optical-sizing: auto;
	font-size: 1.35rem;
	font-weight: 500;
}