/* GASoom Admin Color Scheme */

:root {
	/* Primärfarben */
	--wp-admin-theme-color: #00A8DB;
	--wp-admin-theme-color-darker-10: #0097C5;
	--wp-admin-theme-color-darker-20: #0087B0;

	/* Dark Theme Flächen */
	--gasoom-admin-bg: #12141D;
	--gasoom-admin-bg-2: #192a3d;
	--gasoom-admin-bg-3: #3A4F66;

	/* Textfarben */
	--gasoom-text: #f0f2f4;
	--gasoom-text-muted: #c3c7cd;
}

/* Toolbar & Menü */
#wpadminbar {
	background: var(--gasoom-admin-bg);
}

#adminmenu, #adminmenu .wp-submenu, #adminmenuback, #adminmenuwrap {
	background: var(--gasoom-admin-bg);
}

#adminmenu a {
	color: var(--gasoom-text-muted);
}

#adminmenu li.menu-top:hover > a,
#adminmenu li.opensub > a.menu-top,
#adminmenu .wp-submenu a:hover {
	color: #fff;
}

/* Aktiver Top-Level-Menüpunkt */
#adminmenu .wp-has-current-submenu > a.wp-has-current-submenu,
#adminmenu .current > a.menu-top,
#adminmenu li.menu-top.current > a.menu-top,
#adminmenu li.menu-top > a.menu-top:focus {
	background: var(--wp-admin-theme-color) !important;
	background-image: none !important;
	color: #fff !important;
}

/* Offene Submenüs und Header */
#adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
#adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
#adminmenu .wp-submenu .wp-submenu-head {
	background: var(--gasoom-admin-bg-2) !important;
	background-image: none !important;
	color: #fff !important;
}

/* Aktiver Submenü-Link */
#adminmenu .wp-submenu li.current a,
#adminmenu .wp-submenu li.current a:focus,
#adminmenu .wp-submenu li a:focus {
	color: #fff !important;
}

/* Primäre Buttons */
.wp-core-ui .button-primary {
	background: var(--wp-admin-theme-color);
	border-color: var(--wp-admin-theme-color-darker-10);
}

.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus {
	background: var(--wp-admin-theme-color-darker-10);
	border-color: var(--wp-admin-theme-color-darker-20);
}

/* Fokusrahmen */
:focus {
	outline-color: var(--wp-admin-theme-color);
}