/* =============================================================================
   Luminarium Brand Theme for MkDocs Material
   =============================================================================
   Brand Colors:
   - Gold: #C29044 (primary accent, headlines, CTAs)
   - Blue: #25496C (headers, data viz primary)
   - Copper: #B36228 (secondary accent, highlights)
   - Ivory: #F3E7D5 (background, light surfaces)
   - Dark Brown: #24180A (text, high contrast elements)
   ============================================================================= */

/* -----------------------------------------------------------------------------
   CSS Custom Properties (Light Mode)
   ----------------------------------------------------------------------------- */
:root {
  /* Primary colors */
  --md-primary-fg-color: #25496C;        /* Blue - header background */
  --md-primary-fg-color--light: #3a6a94; /* Lighter blue */
  --md-primary-fg-color--dark: #1a3249;  /* Darker blue */
  --md-primary-bg-color: #F3E7D5;        /* Ivory */
  --md-primary-bg-color--light: #faf6f0;

  /* Accent colors */
  --md-accent-fg-color: #C29044;         /* Gold */
  --md-accent-fg-color--transparent: rgba(194, 144, 68, 0.1);
  --md-accent-bg-color: #C29044;
  --md-accent-bg-color--light: rgba(194, 144, 68, 0.1);

  /* Text colors */
  --md-default-fg-color: #24180A;                    /* Dark Brown */
  --md-default-fg-color--light: rgba(36, 24, 10, 0.7);
  --md-default-fg-color--lighter: rgba(36, 24, 10, 0.5);
  --md-default-fg-color--lightest: rgba(36, 24, 10, 0.3);

  /* Background */
  --md-default-bg-color: #FDFBF8;        /* Slightly warmer than pure white */
  --md-default-bg-color--light: #F3E7D5; /* Ivory for cards */

  /* Code blocks */
  --md-code-bg-color: #F3E7D5;
  --md-code-fg-color: #24180A;

  /* Typeset links */
  --md-typeset-a-color: #25496C;

  /* Admonition colors */
  --md-admonition-bg-color: rgba(243, 231, 213, 0.5);
}

/* -----------------------------------------------------------------------------
   CSS Custom Properties (Dark Mode)
   ----------------------------------------------------------------------------- */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #25496C;
  --md-primary-fg-color--light: #3a6a94;
  --md-primary-fg-color--dark: #1a3249;
  --md-primary-bg-color: #F3E7D5;

  --md-accent-fg-color: #C29044;
  --md-accent-fg-color--transparent: rgba(194, 144, 68, 0.1);
  --md-accent-bg-color: #C29044;

  --md-default-fg-color: #F3E7D5;
  --md-default-fg-color--light: rgba(243, 231, 213, 0.7);
  --md-default-fg-color--lighter: rgba(243, 231, 213, 0.5);
  --md-default-fg-color--lightest: rgba(243, 231, 213, 0.3);

  --md-default-bg-color: #1a1410;
  --md-default-bg-color--light: #24180A;

  --md-code-bg-color: rgba(36, 24, 10, 0.8);
  --md-code-fg-color: #F3E7D5;

  --md-typeset-a-color: #C29044;
}

/* -----------------------------------------------------------------------------
   Typography - Google Fonts
   ----------------------------------------------------------------------------- */
body {
  font-family: "Libre Baskerville", Georgia, serif;
}

h1, h2, h3, h4, h5, h6,
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  font-family: "Roboto Slab", "Courier New", serif;
  font-weight: 500;
  color: #25496C;
}

/* Dark mode headings */
[data-md-color-scheme="slate"] h1,
[data-md-color-scheme="slate"] h2,
[data-md-color-scheme="slate"] h3,
[data-md-color-scheme="slate"] h4,
[data-md-color-scheme="slate"] h5,
[data-md-color-scheme="slate"] h6,
[data-md-color-scheme="slate"] .md-typeset h1,
[data-md-color-scheme="slate"] .md-typeset h2,
[data-md-color-scheme="slate"] .md-typeset h3,
[data-md-color-scheme="slate"] .md-typeset h4,
[data-md-color-scheme="slate"] .md-typeset h5,
[data-md-color-scheme="slate"] .md-typeset h6 {
  color: #C29044;
}

/* Navigation */
.md-nav {
  font-family: "Roboto Slab", sans-serif;
}

/* Code blocks use monospace */
code, pre, .md-typeset code, .md-typeset pre {
  font-family: "Roboto Mono", monospace;
}

/* -----------------------------------------------------------------------------
   Header Styling
   ----------------------------------------------------------------------------- */
.md-header {
  background-color: #25496C;
}

.md-header__title {
  font-family: "Roboto Slab", serif;
  font-weight: 500;
}

/* Search bar */
.md-search__input {
  background-color: rgba(243, 231, 213, 0.15);
}

.md-search__input::placeholder {
  color: rgba(243, 231, 213, 0.7);
}

/* -----------------------------------------------------------------------------
   Navigation Styling
   ----------------------------------------------------------------------------- */
.md-nav__link:hover,
.md-nav__link:focus {
  color: #C29044;
}

.md-nav__link--active {
  color: #C29044;
  font-weight: 600;
}

/* TOC active link */
.md-nav__link--passed {
  color: #B36228;
}

/* -----------------------------------------------------------------------------
   Content Styling
   ----------------------------------------------------------------------------- */

/* Links */
.md-typeset a {
  color: #25496C;
  text-decoration: none;
  border-bottom: 1px solid rgba(37, 73, 108, 0.3);
  transition: border-color 0.2s, color 0.2s;
}

.md-typeset a:hover {
  color: #C29044;
  border-bottom-color: #C29044;
}

[data-md-color-scheme="slate"] .md-typeset a {
  color: #C29044;
  border-bottom-color: rgba(194, 144, 68, 0.3);
}

[data-md-color-scheme="slate"] .md-typeset a:hover {
  color: #F3E7D5;
  border-bottom-color: #F3E7D5;
}

/* Tables */
.md-typeset table:not([class]) th {
  background-color: #25496C;
  color: #F3E7D5;
  font-family: "Roboto Slab", serif;
}

.md-typeset table:not([class]) tr:nth-child(even) {
  background-color: rgba(243, 231, 213, 0.3);
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) tr:nth-child(even) {
  background-color: rgba(37, 73, 108, 0.2);
}

/* Horizontal rules */
.md-typeset hr {
  border-color: #C29044;
}

/* -----------------------------------------------------------------------------
   Admonitions
   ----------------------------------------------------------------------------- */
.md-typeset .admonition,
.md-typeset details {
  border-left: 4px solid #C29044;
  background-color: rgba(243, 231, 213, 0.4);
}

.md-typeset .admonition-title,
.md-typeset summary {
  background-color: rgba(194, 144, 68, 0.15);
}

/* Success admonition */
.md-typeset .admonition.success,
.md-typeset details.success {
  border-color: #25496C;
}

/* Warning admonition */
.md-typeset .admonition.warning,
.md-typeset details.warning {
  border-color: #B36228;
}

/* Info admonition */
.md-typeset .admonition.info,
.md-typeset details.info {
  border-color: #25496C;
}

/* -----------------------------------------------------------------------------
   Code Blocks
   ----------------------------------------------------------------------------- */
.md-typeset pre > code {
  border-radius: 4px;
}

.highlight .hll {
  background-color: rgba(194, 144, 68, 0.2);
}

/* -----------------------------------------------------------------------------
   Cards (Material for MkDocs grid cards)
   ----------------------------------------------------------------------------- */
.md-typeset .grid.cards > ul > li {
  border: 1px solid rgba(194, 144, 68, 0.3);
  border-radius: 8px;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.md-typeset .grid.cards > ul > li:hover {
  border-color: #C29044;
  box-shadow: 0 4px 12px rgba(194, 144, 68, 0.15);
}

/* -----------------------------------------------------------------------------
   Footer
   ----------------------------------------------------------------------------- */
.md-footer {
  background-color: #24180A;
}

.md-footer-meta {
  background-color: #1a1410;
}

/* -----------------------------------------------------------------------------
   Buttons
   ----------------------------------------------------------------------------- */
.md-typeset .md-button {
  background-color: #25496C;
  border-color: #25496C;
  color: #F3E7D5;
  font-family: "Roboto Slab", serif;
}

.md-typeset .md-button:hover {
  background-color: #C29044;
  border-color: #C29044;
}

.md-typeset .md-button--primary {
  background-color: #C29044;
  border-color: #C29044;
}

.md-typeset .md-button--primary:hover {
  background-color: #25496C;
  border-color: #25496C;
}

/* -----------------------------------------------------------------------------
   Search Results
   ----------------------------------------------------------------------------- */
.md-search-result__link:hover {
  background-color: rgba(194, 144, 68, 0.1);
}

.md-search-result__meta {
  color: #B36228;
}

/* -----------------------------------------------------------------------------
   Scrollbar (WebKit)
   ----------------------------------------------------------------------------- */
::-webkit-scrollbar-thumb {
  background-color: rgba(194, 144, 68, 0.4);
}

::-webkit-scrollbar-thumb:hover {
  background-color: #C29044;
}