/* ==========================================================================
   Project: MkDocs Material — Custom Theme Styles
   Author:   (you)
   Purpose:  Organized, maintainable CSS with clear sections
   ==========================================================================
   TABLE OF CONTENTS
   01) Font Imports
   02) Global Typography
   03) Theme Variables (Light/Dark)
   04) Headers & Body Text
   05) Code & Highlighting
   06) Tabs (structure, borders, active state)
   07) Navigation Borders
   08) GitHub Source Band
   09) Banner
   10) ToC Links
   11) Component Overrides / Utilities
   12) Optional Tweaks (commented)
   ========================================================================== */

/*.docutils.literal {*/
/*    border-radius: 0.35rem;*/
/*    padding: 0.25rem 0.25rem;*/
/*    background-color: var(--md-code-bg-color);*/
/*}*/

/*.md-source-file,*/
/*.md-footer__meta .md-source-file,*/
/*.md-footer__meta .md-source-date {*/
/*  display: none !important;*/
/*}*/
/* ==========================================================================
   01) FONT IMPORTS
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap');


/* ==========================================================================
   02) GLOBAL TYPOGRAPHY
   - Apply Inter for content across both color schemes
   ========================================================================== */

[data-md-color-scheme="default"] .md-content,
[data-md-color-scheme="slate"] .md-content {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 16px;           /* Try 17px if you prefer */
  line-height: 1.7;          /* Generous spacing for readability */
}


/* ==========================================================================
   03) THEME VARIABLES (LIGHT/DARK)
   - Light: default background and brand colors
   - Dark: brand colors
   NOTE: If you want a single place to adjust brand color, change it here.
   ========================================================================== */

/* Light scheme base colors */
[data-md-color-scheme="default"] {
  --md-default-bg-color: #F7F3E9;
  /* Primary/accent — latest definition wins; kept #446181 per cascade */
  --md-primary-fg-color: #446181;
  --md-accent-fg-color:  #446181;
}

/* Dark scheme base colors */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #EAA915;
  --md-accent-fg-color:  #EEBA44;
}


/* ==========================================================================
   04) HEADERS & BODY TEXT
   ========================================================================== */

/* h3 underline */
h2 {
    /*text-align: right;       !* text flush to the right edge *!*/

  border-bottom: 0.5px solid #ccc;
  padding-bottom: 5px;
  margin-bottom: 20px;
  opacity: 0.6;
}


/* Dark paragraph tone */
[data-md-color-scheme="slate"] p {
  color: #d4d4d4;
}


/* ==========================================================================
   05) CODE & HIGHLIGHTING
   ========================================================================== */

.highlight code {
  font-family: "JetBrains Mono", monospace;
  border-radius: 4px;
  border: 0.3px solid #6c757d;
}

[data-md-color-scheme="default"] code,
[data-md-color-scheme="default"] .sig-object.highlight.py {
  background-color: #EBE8E3;
}

/* Line numbers in code blocks */
.linenos {
  background-color: var(--md-default-bg-color--light);
  margin-right: 0.5rem;
}



/* ==========================================================================
   07) NAVIGATION BORDERS
   ========================================================================== */

[data-md-color-scheme="default"] nav.md-nav.md-nav--secondary > ul.md-nav__list {
  border-left: 0.6px solid #A9AEB1;
}

[data-md-color-scheme="slate"] nav.md-nav.md-nav--secondary > ul.md-nav__list {
  border-left: 0.6px solid #44525B;
}


/* ==========================================================================
   08) GITHUB SOURCE BAND
   - Styles for the source block in the sidebar
   ========================================================================== */

[data-md-color-scheme="default"] .md-nav .md-source,
[data-md-color-scheme="default"] .md-nav .md-nav__source {
  background-color: #446181;  /* Light scheme band */
}

[data-md-color-scheme="slate"] .md-nav .md-source,
[data-md-color-scheme="slate"] .md-nav .md-nav__source {
  background-color: #6286A9;  /* Dark scheme band */
}


/* ==========================================================================
   09) BANNER
   - Announcement/banner color and link color override
   ========================================================================== */

[data-md-color-scheme="default"] .md-banner__inner.md-grid.md-typeset a.reference {
  color: #EAA915;  /* Link color in banner (light) */
}

[data-md-color-scheme="default"] .md-banner,
[data-md-color-scheme="slate"]  .md-banner {
  background-color: #42668F;  /*  #3E4C74 Banner with the announcement on top */
}


/* ==========================================================================
   10) TOC LINKS
   ========================================================================== */

.toctree-wrapper li a {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.toctree-wrapper li a:hover {
  font-weight: bold;
}


/* ==========================================================================
   11) COMPONENT OVERRIDES / UTILITIES
   - Header/tabs bars
   - Drawer title bar colors
   - Tabbed control accent
   ========================================================================== */

/* Light bars */
[data-md-color-scheme="default"] .md-header,
[data-md-color-scheme="default"] .md-tabs,
[data-md-color-scheme="default"] .md-nav--primary .md-nav__title[for=__drawer] {
  background-color: #324E6E;  /* 4A5981 */
}

/* Dark bars */
[data-md-color-scheme="slate"] .md-header,
[data-md-color-scheme="slate"] .md-tabs,
[data-md-color-scheme="slate"] .md-nav--primary .md-nav__title[for=__drawer] {
  background-color: #324E6E; /* 4A5981 */
}

/* Match tab set accent to current scheme primary */
.md-typeset .tabbed-labels {
  --md-accent-fg-color: var(--md-primary-fg-color);
}


/* ==========================================================================
   12) OPTIONAL TWEAKS (COMMENTED)
   - Keep handy; uncomment if you want these behaviors
   ========================================================================== */

/* Use IBM Plex Mono site-wide (not recommended if Inter is primary content font) */
/*
[data-md-color-scheme="default"],
[data-md-color-scheme="slate"] {
  font-family: 'IBM Plex Mono', monospace;
}
*/

/* JetBrains Mono for all inline/pre code */
/*
code, pre {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.95em;
}
*/

/* Divider lines between tab labels */
/*
.custom-tab-set-style > .tabbed-labels.docutils label:not(:last-child) {
  border-right: 1px solid #6c757d;
}
*/

/* Custom header bar behind tabs by scheme */
/*
[data-md-color-scheme="default"] .custom-tab-set-style > .tabbed-labels.docutils,
[data-md-color-scheme="default"] .custom-tab-set-style > .tabbed-labels.docutils::before,
[data-md-color-scheme="slate"]  .custom-tab-set-style > .tabbed-labels.docutils,
[data-md-color-scheme="slate"]  .custom-tab-set-style > .tabbed-labels.docutils::before {
  background-color: #2c3440 !important;
}
*/

/* Make tab chips transparent so the bar shows through */
/*
.custom-tab-set-style > ul.tabbed-labels.docutils,
.custom-tab-set-style > ul.tabbed-labels.docutils > label {
  background: transparent !important;
}
*/