@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap");

:root,
[data-theme="light"],
[data-theme="dark"] {
	--bcm-primary: #000000;
	--bcm-primary-dark: #000000;
	--bcm-sidebar-bg: #FFFFFF;
	--bcm-sidebar-fg: #6E6D6D;
	--font-stack: "Avenir Next", Avenir, "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--bcm-heading-font: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
	--brand-heading-font: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
	--brand-body-font: "Avenir Next", Avenir, "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html,
body,
.main-section,
.layout-main,
.layout-main-section,
.page-container,
.frappe-control,
.form-control,
.control-input,
.control-value,
.like-disabled-input,
.ql-editor,
.ql-editor p,
.ql-editor li,
input,
select,
textarea,
.btn,
.dropdown-item,
.list-row,
.list-row-col,
.awesomplete,
.modal-body,
p, li, td, th, span, label,
.bcm-report-preview-inner,
.bcm-report-paragraph,
.bcm-report-cover-line,
.bcm-report-meta {
	font-family: var(--brand-body-font) !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.page-title,
.page-title .title-text,
.page-title .title-area h1,
.page-title .title-area .title-text,
.widget-head .widget-title,
.form-section .section-head,
.form-section .head-title,
.desk-sidebar .sidebar-label,
.modal-title,
.bcm-report-cover-title,
.bcm-report-toc-title,
.bcm-report-section-title,
.bcm-report-subsection-title,
.bcm-report-subsubsection-title {
	font-family: var(--bcm-heading-font) !important;
}

.navbar .navbar-brand img,
.app-logo {
	max-height: 32px;
}

/* Primary color — main desk landmarks only (not status badges or links) */
.page-title .title-text,
.page-title .title-area .title-text {
	color: var(--bcm-primary) !important;
}

.form-section .section-head,
.form-section .section-head .head-title {
	color: var(--bcm-primary) !important;
}

.workspace-block[data-type="header"] .h3,
.workspace-block[data-type="header"] .h4,
.links-widget-box .widget-head .widget-title,
.shortcut-widget-box .widget-head .widget-title {
	color: var(--bcm-primary) !important;
}

.shortcut-widget-box .widget-head .widget-title svg,
.links-widget-box .widget-head .widget-title svg {
	--icon-stroke: var(--bcm-primary);
	stroke: var(--bcm-primary);
}

.bcm-bia-progress-bar .progress-bar {
	background: linear-gradient(90deg, var(--bcm-primary) 0%, #000000 100%) !important;
}

.frappe-control[data-fieldtype="HTML"] label.bcm-linked-field-label {
	color: var(--bcm-primary) !important;
}

/* Primary action buttons — desk and login only (uses saved Primary Color) */
.btn-primary,
.btn-primary:not(:disabled):not(.disabled),
.for-login .btn-primary,
.for-login-with-email-link .btn-primary,
.for-email-login .btn-primary {
	background-color: var(--bcm-primary) !important;
	border-color: var(--bcm-primary) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.for-login .btn-primary:hover,
.for-login-with-email-link .btn-primary:hover,
.for-email-login .btn-primary:hover {
	background-color: var(--bcm-primary-dark) !important;
	border-color: var(--bcm-primary-dark) !important;
}

/* Desk sidebar — same card shell as the main panel + brand colors */
.layout-side-section,
.page-container .layout-side-section,
.bcm-desk-nav-host {
	background-color: var(--bcm-sidebar-bg) !important;
	border: 1px solid var(--border-color);
	border-radius: var(--border-radius-lg);
	padding: var(--padding-md);
	margin-bottom: var(--margin-sm);
	box-shadow: none;
}
.layout-side-section .desk-sidebar,
.bcm-desk-nav-host .desk-sidebar {
	background-color: transparent !important;
	color: var(--bcm-sidebar-fg) !important;
}
.layout-side-section .desk-sidebar .sidebar-item-label,
.layout-side-section .desk-sidebar .item-anchor,
.layout-side-section .desk-sidebar .sidebar-label,
.bcm-desk-nav-host .desk-sidebar .sidebar-item-label,
.bcm-desk-nav-host .desk-sidebar .item-anchor,
.bcm-desk-nav-host .desk-sidebar .sidebar-label {
	color: var(--bcm-sidebar-fg) !important;
}
.layout-side-section .desk-sidebar .desk-sidebar-item.selected .sidebar-item-label,
.layout-side-section .desk-sidebar .standard-sidebar-item.selected .sidebar-item-label,
.bcm-desk-nav-host .desk-sidebar .desk-sidebar-item.selected .sidebar-item-label,
.bcm-desk-nav-host .desk-sidebar .standard-sidebar-item.selected .sidebar-item-label {
	color: var(--bcm-sidebar-fg) !important;
	font-weight: 600;
}
.layout-side-section .desk-sidebar .sidebar-item-icon,
.layout-side-section .desk-sidebar .sidebar-item-icon svg,
.layout-side-section .desk-sidebar .drop-icon,
.layout-side-section .desk-sidebar .drop-icon svg,
.bcm-desk-nav-host .desk-sidebar .sidebar-item-icon,
.bcm-desk-nav-host .desk-sidebar .sidebar-item-icon svg,
.bcm-desk-nav-host .desk-sidebar .drop-icon,
.bcm-desk-nav-host .desk-sidebar .drop-icon svg {
	background: transparent !important;
	background-color: transparent !important;
}