:root {
	--brand-primary: #f7b52c;
	--brand-primary-dark: #f5a623;
	--brand-accent: #f5b800;
	--brand-bg: #fff9ed;
	--brand-border: #ffe8b3;
	--brand-text: #111111;
}

body {
	background-color: var(--brand-bg);
	color: var(--brand-text);
}

a {
	color: var(--brand-text);
}

a:hover {
	color: #000;
}

.text-primary,
.link-effect {
	color: var(--brand-primary) !important;
}

.btn-primary,
.btn.btn-primary {
	background: linear-gradient(135deg, var(--brand-primary), var(--brand-primary-dark));
	border-color: var(--brand-primary);
	color: #000000 !important;
}

.btn-primary:hover,
.btn.btn-primary:hover,
.btn-primary:focus {
	background: linear-gradient(135deg, #e8a200, #d89000);
	border-color: #d89000;
	color: #000000 !important;
}

.btn,
.btn-default,
.btn-secondary {
	color: #000000 !important;
	background-color: var(--brand-primary);
	border-color: var(--brand-primary);
}

.btn:hover,
.btn-default:hover,
.btn-secondary:hover {
	background-color: #d89000;
	border-color: #d89000;
	color: #000000 !important;
}

.navbar,
.navbar-light {
	background: #fff;
	border-bottom: 1px solid var(--brand-border);
	min-height: 64px;
}

/* Force desk and web header logos to brand (SVG for crispness) */
.navbar-brand img,
.navbar-brand .app-logo img,
img.app-logo,
img.standard-logo,
#navbar-breadcrumbs .app-logo img {
	content: url("/assets/tenant_manager/images/pii-logo.svg") !important;
	height: 80px !important;
	max-height: 80px !important;
	width: auto !important;
	max-width: 120px !important;
}

.navbar-brand .app-logo,
#navbar-breadcrumbs .app-logo,
.app-logo,
.app-logo-icon {
	background-image: url("/assets/tenant_manager/images/pii-logo.svg") !important;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 80px !important;
	height: 80px !important;
}

#app-logo,
.app-logo,
#navbar-breadcrumbs .app-logo {
	background-image: url("/assets/tenant_manager/images/pii-logo.svg") !important;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 80px !important;
	height: 80px !important;
}

#app-logo img,
.app-logo img {
	display: none !important;
}

/* Loader splash/logo */
.centered.splash,
.splash,
#startup,
#startup .splash-logo,
#startup-logo {
	background: none !important;
	width: 180px !important;
	height: 180px !important;
	border-radius: 12px !important;
}

.centered.splash img,
#startup img {
	display: none !important;
}

.centered.splash::before {
	content: "";
	display: block;
	width: 180px;
	height: 180px;
	background-image: url("/assets/tenant_manager/images/pii-logo.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

/* Login page logo */
.login-logo img {
	display: none !important;
}
.login-logo::before {
	content: "";
	display: block;
	width: 200px;
	height: 200px;
	background-image: url("/assets/tenant_manager/images/pii-logo.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 auto 8px;
}

.footer-powered {
	display: none !important;
}

.page-card,
.page-card-head,
.indicator-pill {
	border-color: var(--brand-border);
}

.layout-main-section,
.desk-container,
.page-container,
.web-container {
	background: var(--brand-bg);
	color: var(--brand-text);
}

.side-section,
.standard-sidebar,
.layout-side-section {
	background: #fff;
	border-right: 1px solid var(--brand-border);
}

.card,
.form-section,
.form-dashboard-section,
.timeline,
.frappe-card,
.list-row {
	border-color: var(--brand-border) !important;
}

.widget,
.widget-body,
.dashboard-graph,
.kanban-column,
.kanban-board {
	border-color: var(--brand-border);
	background: #fff;
	color: var(--brand-text);
}

.badge-primary,
.indicator.blue,
.indicator.primary,
.indicator-pill.blue {
	background: var(--brand-primary) !important;
	color: #000000 !important;
}

.indicator-pill {
	color: #000000 !important;
}

.progress-bar {
	background: var(--brand-primary);
}

.text-muted {
	color: #6b5a2d;
}

.page-title .indicator {
	background: var(--brand-primary);
}

.web-footer,
.footer {
	background: #fff;
	border-top: 1px solid var(--brand-border);
}

.list-row a,
.data-row a {
	color: var(--brand-text) !important;
}