/*
 * Lube Squad desk brand theme (Phase 2)
 * Palette from https://lube-squad.com/
 */
:root {
	--ls-navy: #04305e;
	--ls-navy-dark: #032648;
	--ls-blue: #0289f7;
	--ls-blue-dark: #007be0;
	--ls-blue-50: #f2f9ff;
	--ls-blue-100: #e6f4ff;
	--ls-text: #171717;
}

:root,
[data-theme="light"] {
	--primary: var(--ls-text);
	--primary-color: var(--ls-text);
	--brand-color: var(--ls-navy);

	--btn-primary: var(--ls-navy);
	--border-primary: var(--ls-navy);

	--blue-500: var(--ls-blue);
	--blue-600: var(--ls-blue-dark);
	--blue-700: #0070cc;
	--surface-blue-1: var(--ls-blue-50);
	--surface-blue-2: var(--ls-blue-100);
	--surface-blue-3: var(--ls-blue-dark);
	--ink-blue-2: var(--ls-text);
	--ink-blue-3: var(--ls-text);
	--ink-blue-link: var(--ls-text);
	--text-on-blue: var(--ls-text);
	--text-on-light-blue: var(--ls-text);

	--sidebar-hover-color: rgba(4, 48, 94, 0.06);
	--sidebar-active-color: rgba(4, 48, 94, 0.1);
	--sidebar-select-color: var(--ls-blue-100);
	--highlight-shadow: 1px 1px 10px rgba(4, 48, 94, 0.08), 0px 0px 4px var(--ls-blue);
	--focus-blue: 0px 0px 0px 2px rgba(2, 137, 247, 0.45);
}

[data-theme="dark"] {
	--primary: var(--ls-blue);
	--primary-color: var(--ls-blue);
	--brand-color: var(--ls-blue);

	--btn-primary: var(--ls-blue);
	--border-primary: var(--ls-blue);

	--sidebar-hover-color: rgba(2, 137, 247, 0.12);
	--sidebar-active-color: rgba(2, 137, 247, 0.2);
	--sidebar-select-color: rgba(2, 137, 247, 0.15);
	--ink-blue-2: var(--text-color);
	--ink-blue-3: var(--text-color);
	--ink-blue-link: var(--text-color);
}

/* Primary actions */
.btn.btn-primary {
	background-color: var(--btn-primary);
	border-color: var(--btn-primary);
}

.btn.btn-primary:hover,
.btn.btn-primary:focus {
	background-color: var(--ls-navy-dark);
	border-color: var(--ls-navy-dark);
}

[data-theme="dark"] .btn.btn-primary:hover,
[data-theme="dark"] .btn.btn-primary:focus {
	background-color: var(--ls-blue-dark);
	border-color: var(--ls-blue-dark);
}

.btn-primary-light {
	color: var(--ls-text);
	background-color: var(--ls-blue-100);
}

[data-theme="dark"] .btn-primary-light {
	color: var(--text-color);
	background-color: rgba(2, 137, 247, 0.15);
}

/* Links and indicators */
html[data-theme="light"] body a:not(.btn),
html[data-theme="light"] .link-text,
html[data-theme="light"] .frappe-control .control-value a,
html[data-theme="light"] .awesomplete [role="listbox"] a,
html[data-theme="light"] .awesomplete [role="listbox"] li,
html[data-theme="light"] .awesomplete [role="listbox"] [role="option"],
html[data-theme="light"] .navbar-modal-wrapper a,
html[data-theme="light"] .sidebar-action,
html[data-theme="light"] .remove-filter,
html[data-theme="light"] .global-search-field-col a,
html[data-theme="light"] .sidebar-item-label,
html[data-theme="light"] .sidebar-item-control,
html[data-theme="light"] .breadcrumb-item a,
html[data-theme="light"] .list-subject a,
html[data-theme="light"] .list-row-col a:not(.btn) {
	color: var(--ls-text) !important;
}

html[data-theme="light"] body a:not(.btn) strong,
html[data-theme="light"] .awesomplete [role="listbox"] a strong,
html[data-theme="light"] .awesomplete [role="listbox"] strong {
	color: inherit !important;
}

[data-theme="dark"] a:not(.btn),
[data-theme="dark"] .link-text,
[data-theme="dark"] .frappe-control .control-value a {
	color: var(--text-color);
}

html[data-theme="light"] body a:not(.btn):hover,
html[data-theme="light"] .link-text:hover,
html[data-theme="light"] .frappe-control .control-value a:hover,
html[data-theme="light"] .awesomplete [role="listbox"] a:hover {
	color: var(--ls-text) !important;
	opacity: 0.75;
}

/* Desk home icon labels are links — keep them black. */
.desktop-icon,
.desktop-icon .icon-title,
.desktop-icon .icon-subtitle {
	color: var(--ls-text) !important;
}

[data-theme="dark"] .desktop-icon,
[data-theme="dark"] .desktop-icon .icon-title,
[data-theme="dark"] .desktop-icon .icon-subtitle {
	color: var(--text-color) !important;
}

.indicator-pill.blue,
.indicator.blue {
	background: var(--ls-blue-100);
	color: var(--ls-navy);
}

/* Sidebar selection */
.active-sidebar {
	background: var(--sidebar-active-color);
}

.active-sidebar .sidebar-item-label,
.active-sidebar .sidebar-item-icon svg use {
	color: var(--ls-text);
	stroke: var(--ls-text);
}

[data-theme="dark"] .active-sidebar .sidebar-item-label,
[data-theme="dark"] .active-sidebar .sidebar-item-icon svg use {
	color: var(--text-color);
	stroke: var(--text-color);
}

/* Form focus */
.form-control:focus,
.awesomplete input:focus {
	border-color: var(--ls-blue);
	box-shadow: var(--focus-blue);
}

/* Login page */
.for-login .btn-login,
.for-forgot .btn-primary,
.for-signup .btn-primary {
	background-color: var(--ls-navy);
	border-color: var(--ls-navy);
}

.for-login .btn-login:hover,
.for-forgot .btn-primary:hover,
.for-signup .btn-primary:hover {
	background-color: var(--ls-navy-dark);
	border-color: var(--ls-navy-dark);
}

.for-login a,
.for-forgot a {
	color: var(--ls-text);
}