/* My Language Buddy brand theme, layered on top of the Tabler framework CSS. */

@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@300;400;500;600;700&display=swap');

:root,
[data-bs-theme=light],
[data-bs-theme=dark] {
	--tblr-font-sans-serif: 'Lexend Deca', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--tblr-primary: #0698ce;
	--tblr-primary-rgb: 6, 152, 206;
}

body {
	font-family: var(--tblr-font-sans-serif);
}

/* keep page content clear of the fixed bottom tab bar */
body.has-bottom-nav main {
	padding-bottom: 4.5rem;
}

/* auth screen branding (AuthBrandPanel) */
.mlb-brand-title {
	font-size: 1.75rem;
	font-weight: 700;
	letter-spacing: -.02em;
	color: var(--tblr-primary);
}

.mlb-brand-by {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .4rem;
	font-size: .875rem;
}

.mlb-brand-by .navbar-brand-image {
	height: 1.75rem;
}