/** css/msi-docs-theme.css **/

/* This line is theme specific - it includes the base theme CSS */
@import "theme.css"; /* for the Read the Docs theme */
@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800&display=swap");

/* ==========================================
   1. COLOR & THEME VARIABLES
   ========================================== */
:root {
	/* Brand & Primary Colors */
	--rtd-primary: #7a0019; /* UMN Maroon */
	--rtd-primary-dark: #5b0013; /* Deep Maroon */
	--rtd-accent: #ffcc33; /* UMN Gold */
	--rtd-accent-dark: #f4b000;

	/* Sidebar Colors */
	--rtd-sidebar-bg: var(--rtd-primary-dark);
	--rtd-sidebar-accent: var(--rtd-primary);
	--rtd-sidebar-section-bg: rgba(255, 204, 51, 0.22);
	--rtd-sidebar-link-active-bg: rgba(255, 255, 255, 0.14);
	--rtd-sidebar-link-hover-bg: rgba(255, 255, 255, 0.1);
	--rtd-search-bg: var(--rtd-primary);
	--caption-text: var(--rtd-primary);
	/* Text & UI Colors */
	--rtd-text-main: #f7f4ef;
	--rtd-text-light: #5a5a5a;
	--rtd-body-text: #2f2a24;
	--rtd-heading-color: var(--rtd-primary);
	--rtd-link-color: var(--rtd-primary);
	--rtd-nav-active-bg: transparent;

	/* Backgrounds & Borders */
	--rtd-content-bg: #faf8f4;
	--rtd-border: #ddd4c7;
	--rtd-code-bg: #f4efe8;
	--rtd-table-head: var(--rtd-primary);

	/* Layout */
	--rtd-max-width: 900px;
}

body,
.wy-body-for-nav,
.wy-nav-content,
.wy-side-nav-search,
.wy-menu,
input,
button,
select,
textarea {
	font-family: "Hanken Grotesk", "Aptos", "Segoe UI", sans-serif;
}

.rst-content h1,
.rst-content h2,
.rst-content h3,
.rst-content h4,
.rst-content h5,
.rst-content h6,
.wy-menu-vertical,
.wy-breadcrumbs,
.wy-nav-top {
	font-family: "Hanken Grotesk", "Aptos", "Segoe UI", sans-serif;
}

.wy-nav-content,
.rst-content,
.rst-content p,
.rst-content li,
.rst-content table,
.wy-breadcrumbs,
footer {
	color: var(--rtd-body-text);
}

/* ==========================================
   2. SIDEBAR & LOGO AREA
   ========================================== */
.wy-nav-side {
	background: var(--rtd-sidebar-bg);
}

.wy-side-nav-search {
	background-color: var(--rtd-search-bg);
	border-bottom: 3px solid var(--rtd-accent);
}

.wy-side-nav-search input[type="text"] {
	border-radius: 10px;
	border: none;
}

.wy-side-nav-search > div.version {
	color: rgba(255, 255, 255, 0.9);
}

/* ==========================================
   3. NAVIGATION LINKS (Left Side)
   ========================================== */
.wy-menu-vertical button.toctree-expand {
	color: var(--rtd-text) !important;
	opacity: 0.8;
}

.wy-menu-vertical a:hover button.toctree-expand {
	color: var(--rtd-accent) !important;
	opacity: 1;
}

.wy-menu-vertical li.current a {
	color: var(--rtd-text-main);
}

.wy-menu-vertical li.current {
	background: var(--rtd-sidebar-section-bg);
}

.wy-menu-vertical li.current > a,
.wy-menu-vertical li.toctree-l1.current > a {
	background-color: var(--rtd-sidebar-link-active-bg);
	border: none;
	border-left: 3px solid var(--rtd-accent);
}

.wy-menu-vertical li.current a:hover {
	background-color: var(--rtd-sidebar-link-active-bg) !important;
}

.wy-menu-vertical li:not(.toctree-l1).current > a {
	background-color: var(--rtd-sidebar-link-active-bg) !important;
	border: none;
}

.wy-menu-vertical li:not(.toctree-l1) > a {
	background-color: transparent !important;
}

.wy-menu-vertical li a:hover {
	background-color: var(--rtd-sidebar-link-hover-bg);
}

.wy-menu-vertical a,
.wy-menu-vertical p.caption {
	color: var(--rtd-text-main);
}

.wy-menu-vertical p.caption,
.wy-menu-vertical p.caption .caption-text,
.caption-text {
	color: var(--rtd-accent);
}

.caption-text {
	color: var(--caption-text);
}

/* ==========================================
   4. MAIN CONTENT AREA
   ========================================== */
.wy-nav-content {
	max-width: var(--rtd-max-width);
}

.wy-nav-content-wrap {
	background: var(--rtd-content-bg);
}

.rst-content h1,
.rst-content h2,
.rst-content h3,
.rst-content h4,
.rst-content h5,
.rst-content h6 {
	color: var(--rtd-heading-color);
}

.rst-content a {
	color: var(--rtd-link-color);
	text-decoration-color: rgba(122, 0, 25, 0.35);
}

.rst-content a:hover {
	color: var(--rtd-primary-dark);
}

.rst-content a:visited {
	color: #5c1830;
}

/* ==========================================
   5. CODE BLOCKS & TABLES
   ========================================== */
.rst-content .highlight {
	background: var(--rtd-code-bg);
	border: 1px solid var(--rtd-border);
	border-radius: 4px;
}

/* ==========================================
   6. BREADCRUMBS, FOOTER, & MOBILE
   ========================================== */
footer {
	color: var(--rtd-text-light);
}

.wy-nav-top {
	background: var(--rtd-primary);
	color: #fff;
}

.wy-nav-top a {
	color: #fff;
}