/* Fonts setup for headings and body */

/* Attempt to use local installed fonts first; fallback to provided files if added later */
@font-face {
	font-family: 'ABC Diatype';
	src: local('ABC Diatype'), local('ABC Diatype Regular'),
		url('./fonts/abc-diatype-regular.woff2') format('woff2'),
		url('./fonts/abc-diatype-regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Diatype Pre';
	src: local('Diatype Pre Regular'), local('Diatype Pre'),
		url('./fonts/diatype-pre-regular.woff2') format('woff2'),
		url('./fonts/diatype-pre-regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

:root {
	--font-heading: 'ABC Diatype', 'Diatype Pre', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	--font-body: 'Diatype Pre', 'ABC Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Body text: Diatype Pre Regular */
body {
	font-family: var(--font-body) !important;
}

/* Headings: ABC Diatype */
h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-heading) !important;
	font-weight: 700;
}

/* Common heading-like elements on these pages */
.logo-title, .card-title, .balance-amount, .quick-action-title, .navbar-brand {
	font-family: var(--font-heading) !important;
}

/* Form labels and buttons keep body font but slightly heavier for clarity */
.form-label, .btn, .nav-link {
	font-family: var(--font-body) !important;
}

/* Add global background image for all pages */
html, body {
	min-height: 100%;
}
/* body {
	background-image: url('https://yt3.googleusercontent.com/5W8NyrT43JqBiILy8D4XOzG8YrDK2T2i4dXGtLYJexoJqdv_RJwrTJHiMyi0Hogdr7rueBTZcg=w2120-fcrop64=1,00000000ffffffff-k-c0xffffffff-no-nd-rj') !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-attachment: fixed !important;
	background-position: center center !important;
}  */

/* Ensure global background image is visible on profile pages */
body {
	background-color: transparent !important;
}

.main-content {
	background: transparent !important;
} 

/* Normalize profile navbar across all pages */
.navbar {
	background: #ffffff !important;
	border-bottom: 1px solid var(--cb-border, #e5e7eb) !important;
	box-shadow: var(--cb-shadow, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)) !important;
	padding: 1rem 0 !important;
}

.navbar .navbar-brand {
	font-weight: 700 !important;
	font-size: 1.5rem !important;
	color: var(--cb-primary, #0052ff) !important;
}

.navbar .nav-link {
	color: var(--cb-text-primary, #1e2329) !important;
	font-weight: 500 !important;
	padding: 0.5rem 1rem !important;
	border-radius: 8px !important;
}

.navbar .nav-link:hover {
	color: var(--cb-primary, #0052ff) !important;
	background: var(--cb-tertiary, #f8f9fa) !important;
}

.navbar .nav-link.active {
	color: var(--cb-primary, #0052ff) !important;
	background: var(--cb-tertiary, #f8f9fa) !important;
	font-weight: 600 !important;
} 

/* Consistent nav link sizing */
.navbar .nav-link, .navbar .dropdown-item {
	font-size: 1rem !important;
	line-height: 1.5 !important;
} 

/* Stabilize layout to avoid header width shifts due to scrollbars */
html {
	scrollbar-gutter: stable both-edges;
}
@supports not (scrollbar-gutter: stable) {
	html { overflow-y: scroll; }
}