/* MERAPI back-office theme overrides
   Primary brand navy from logo: #1B2A42
   Accents from peak emblem: orange / gold / cyan / green
*/
:root {
	--merapi-navy-100: #F1F4F8;
	--merapi-navy-200: #DCE3ED;
	--merapi-navy-300: #B8C5D6;
	--merapi-navy-400: #7E93B0;
	--merapi-navy-500: #4F6688;
	--merapi-navy-600: #314968;
	--merapi-navy-700: #1B2A42;
	--merapi-navy-800: #152236;
	--merapi-navy-900: #0F1A2A;
	--merapi-navy-950: #0A121C;
	--merapi-accent-orange: #EA6E5E;
	--merapi-accent-gold: #CBB54E;
	--merapi-accent-cyan: #66A7AE;
	--merapi-accent-green: #8FBF5A;

	/* Remap iTop semantic primary (was orange) → MERAPI navy */
	--ibo-color-primary-100: var(--merapi-navy-100);
	--ibo-color-primary-200: var(--merapi-navy-200);
	--ibo-color-primary-300: var(--merapi-navy-300);
	--ibo-color-primary-400: var(--merapi-navy-400);
	--ibo-color-primary-500: var(--merapi-navy-500);
	--ibo-color-primary-600: var(--merapi-navy-600);
	--ibo-color-primary-700: var(--merapi-navy-700);
	--ibo-color-primary-800: var(--merapi-navy-800);
	--ibo-color-primary-900: var(--merapi-navy-900);
	--ibo-color-primary-950: var(--merapi-navy-950);

	/* Common aliases used by shared components */
	--common-color-primary-100: var(--merapi-navy-100);
	--common-color-primary-200: var(--merapi-navy-200);
	--common-color-primary-300: var(--merapi-navy-300);
	--common-color-primary-400: var(--merapi-navy-400);
	--common-color-primary-500: var(--merapi-navy-500);
	--common-color-primary-600: var(--merapi-navy-600);
	--common-color-primary-700: var(--merapi-navy-700);
	--common-color-primary-800: var(--merapi-navy-800);
	--common-color-primary-900: var(--merapi-navy-900);
	--common-color-primary-950: var(--merapi-navy-950);
}

/* Hyperlinks & focus rings */
a,
.ibo-hyperlink,
.ibo-field--label a {
	color: var(--merapi-navy-700);
}
a:hover,
.ibo-hyperlink:hover {
	color: var(--merapi-navy-800);
}

/* Primary buttons / CTAs */
.ibo-button.ibo-is-primary,
.ibo-button--regular.ibo-is-primary,
button.ibo-is-primary,
input[type="submit"].ibo-is-primary,
.ui-dialog .ui-dialog-buttonpane button.ibo-is-primary {
	background-color: var(--merapi-navy-700);
	border-color: var(--merapi-navy-700);
	color: #F5F7FA;
}
.ibo-button.ibo-is-primary:hover,
.ibo-button--regular.ibo-is-primary:hover,
button.ibo-is-primary:hover {
	background-color: var(--merapi-navy-800);
	border-color: var(--merapi-navy-800);
}

/* Selected / active menu & tabs */
.ibo-navigation-menu--menu-group-title.ibo-is-active,
.ibo-navigation-menu--item.ibo-is-active > .ibo-navigation-menu--item-label,
.ibo-tab-container--tab-header.ui-tabs-active,
.ibo-tab-container--tab-header.ui-state-active {
	color: var(--merapi-navy-700);
}

/* Subtle brand accent on focus / selection */
:focus-visible {
	outline-color: var(--merapi-accent-cyan);
}

::selection {
	background: color-mix(in srgb, var(--merapi-navy-700) 20%, transparent);
}