/*
 * Numera Brand Theme for MkDocs Material
 *
 * Brand Colors:
 * - Primary (Coral Red): #E05A4E
 * - Primary Dark: #C74A3F
 * - Primary Light: #F07268
 * - Text on primary: #FFFFFF
 * - Background: #FFFFFF (light) / #1E1E1E (dark)
 */

:root {
  /* Primary brand colors */
  --md-primary-fg-color: #E05A4E;
  --md-primary-fg-color--light: #F07268;
  --md-primary-fg-color--dark: #C74A3F;
  --md-primary-bg-color: #FFFFFF;
  --md-primary-bg-color--light: #FFFFFF;

  /* Accent colors - subtle coral tint */
  --md-accent-fg-color: #E05A4E;
  --md-accent-fg-color--transparent: rgba(224, 90, 78, 0.1);
  --md-accent-bg-color: #FFFFFF;
  --md-accent-bg-color--light: #FFF5F4;
}

/* Dark mode overrides */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #E05A4E;
  --md-primary-fg-color--light: #F07268;
  --md-primary-fg-color--dark: #C74A3F;
  --md-primary-bg-color: #FFFFFF;

  --md-accent-fg-color: #F07268;
  --md-accent-fg-color--transparent: rgba(240, 114, 104, 0.1);
}

/* Header styling */
.md-header {
  background-color: var(--md-primary-fg-color);
}

/* Navigation tabs */
.md-tabs {
  background-color: var(--md-primary-fg-color);
}

/* Links with brand color */
.md-typeset a {
  color: var(--md-primary-fg-color);
}

.md-typeset a:hover {
  color: var(--md-primary-fg-color--dark);
}

/* Code blocks with subtle brand accent */
.md-typeset code {
  background-color: var(--md-accent-fg-color--transparent);
}

/* Admonition styling for brand consistency */
.md-typeset .admonition.note,
.md-typeset details.note {
  border-color: var(--md-primary-fg-color);
}

.md-typeset .note > .admonition-title,
.md-typeset .note > summary {
  background-color: var(--md-accent-fg-color--transparent);
}

/* Search highlight */
.md-search__form {
  background-color: rgba(255, 255, 255, 0.12);
}

/* Navigation sidebar active item */
.md-nav__item--active > .md-nav__link {
  color: var(--md-primary-fg-color);
}

/* Footer styling */
.md-footer {
  background-color: #2D2D2D;
}

/* Table header with brand color */
.md-typeset table:not([class]) th {
  background-color: var(--md-accent-fg-color--transparent);
}

/* Logo sizing in header */
.md-header__button.md-logo img {
  height: 2rem;
  width: auto;
}

/* Subtle hover effects */
.md-nav__link:hover {
  color: var(--md-primary-fg-color);
}

/* Button styling */
.md-typeset .md-button--primary {
  background-color: var(--md-primary-fg-color);
  border-color: var(--md-primary-fg-color);
}

.md-typeset .md-button--primary:hover {
  background-color: var(--md-primary-fg-color--dark);
  border-color: var(--md-primary-fg-color--dark);
}

/* ============================================
   Responsive full-width layout
   ============================================ */

/* Remove the default max-width constraint on the grid */
.md-grid {
  max-width: none;
}

/* Main content area - expand to use available space */
@media screen and (min-width: 76.25em) {
  /* Remove max-width from main inner container */
  .md-main__inner {
    max-width: none;
  }

  /* Content area should expand */
  .md-content__inner {
    max-width: none;
    margin: 0 2rem;
  }
}

/* Header should span full width */
.md-header__inner {
  max-width: none;
}

/* Navigation tabs span full width */
.md-tabs__inner {
  max-width: none;
}

/* Tables should scroll horizontally on small screens */
.md-typeset__scrollwrap {
  overflow-x: auto;
}

/* Code blocks responsive */
.md-typeset pre {
  max-width: 100%;
  overflow-x: auto;
}

/* ============================================
   Version badge in header
   ============================================ */

.md-header__version {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.7rem;
  font-weight: 400;
  margin-right: 0.75rem;
  white-space: nowrap;
  display: flex;
  align-items: center;
}