/* Starta whitelabel + brand palette.
 *
 * Loads AFTER saas_theme (installed_apps order is enforced by 35-theme.sh), so
 * these tokens win. Two jobs:
 *   1. retint frappe's OWN core CSS, which reads --primary / --blue-* and is
 *      not touched by the theme's literal substitution
 *   2. a small amount of chrome that has no setting behind it
 *
 * Anything with a real setting behind it belongs in branding.py, not here.
 *
 * Palette sampled from the logo artwork (starta.png):
 *   #18789C  teal    hsl(196, 73%, 35%)  - dominant, used as primary
 *   #242460  indigo  hsl(240, 45%, 26%)  - gradient partner, used as accent
 */

:root,
[data-theme="light"] {
	--starta-teal: #18789c;
	--starta-indigo: #242460;

	--primary: #18789c;
	--primary-color: #18789c;
	--brand-color: #18789c;

	--blue-50: #eef7fa;
	--blue-100: #d3ebf2;
	--blue-200: #a8d7e5;
	--blue-300: #71bcd2;
	--blue-400: #3d9fbb;
	--blue-500: #18789c;
	--blue-600: #146584;
	--blue-700: #0f4e63;
	--blue-800: #0d4155;
	--blue-900: #0a3344;

	/* Focus rings and selected rows in frappe core. */
	--text-on-primary: #ffffff;
	--sidebar-active-color: #e3f1f6;
	--awesomebar-focus-bg: #eef7fa;
	--border-primary: #18789c;
}

[data-theme="dark"] {
	/* Lightened so it still passes contrast on a dark ground - the same move
	 * the upstream theme makes (#0052FF -> #4D94FF). */
	--primary: #4fb4d4;
	--primary-color: #4fb4d4;
	--brand-color: #4fb4d4;

	--blue-400: #6fc4de;
	--blue-500: #4fb4d4;
	--blue-600: #3a9cbc;
	--blue-700: #2b7d99;

	--text-on-primary: #06222c;
	--sidebar-active-color: #123240;
	--border-primary: #4fb4d4;
}

/* The navbar logo slot is sized for a square mark; ours is wide, so constrain
 * height and let width follow rather than letting it stretch the bar. */
.navbar-brand .app-logo,
.navbar .app-logo,
.app-logo {
	height: 24px;
	width: auto;
	max-width: 140px;
	object-fit: contain;
}