/* Maintap design tokens - shared by the app shell (maintap-shell.css) and the auth pages (maintap-auth.css). */
:root {
	/* Dimensions */
	--mt-navbar-h: 3.5rem;
	--mt-sidebar-w: 16rem;
	--mt-sidebar-w-collapsed: 4.25rem;
	--mt-flyout-w: 15rem;

	/* Brand */
	--mt-blue: #1b64b0;            /* logo blue */
	--mt-blue-soft: rgba(27, 100, 176, .1);
	--mt-accent: #26a69a;          /* teal (matches existing active colour) */
	--mt-accent-bright: #4fd1c5;   /* teal for text/icons on the dark sidebar */
	--mt-accent-soft: rgba(38, 166, 154, .16);

	/* Sidebar (dark blue-charcoal) */
	--mt-sidebar-bg: #18222c;
	--mt-sidebar-bg-raised: #1f2c38;
	--mt-sidebar-border: rgba(255, 255, 255, .08);
	--mt-sidebar-text: rgba(255, 255, 255, .72);
	--mt-sidebar-text-strong: #fff;
	--mt-sidebar-text-muted: rgba(255, 255, 255, .45);
	--mt-sidebar-hover-bg: rgba(255, 255, 255, .06);

	/* Navbar (light) */
	--mt-navbar-bg: #fff;
	--mt-navbar-border: #e4e8ee;
	--mt-navbar-text: #1f2d3d;
	--mt-navbar-text-muted: #6b7a8c;
	--mt-navbar-hover-bg: #f1f4f8;
	--mt-field-bg: #f3f5f8;
	--mt-field-bg-hover: #eceff4;

	/* Shape / depth / motion */
	--mt-radius-sm: .375rem;
	--mt-radius-md: .5rem;
	--mt-radius-lg: .75rem;
	--mt-shadow-navbar: 0 1px 2px rgba(16, 24, 40, .04);
	--mt-shadow-menu: 0 12px 32px rgba(16, 24, 40, .16), 0 2px 6px rgba(16, 24, 40, .06);
	--mt-focus-ring: 0 0 0 3px rgba(27, 100, 176, .22);
	--mt-ease: .15s ease-in-out;
}