:root  > * {
  --md-primary-fg-color--dark: #F8FAFB;
}

/* LIGHT MODE (tde360-light) */
[data-md-color-scheme="tde360-light"] {
  --md-default-bg-color: #F8FAFB;
  --md-typeset-color: #113664;

  /* Header */
  --md-primary-bg-color: #113664;
  --md-primary-fg-color: #F8FAFB;

  /* Accents and links */
  --md-accent-fg-color: #FF6224;
  --md-typeset-a-color: #FF6224;

  /* Footer */
  --md-footer-bg-color: #F8FAFB;
  --md-footer-fg-color: #113664;
  --md-footer-bg-color--dark: #F8FAFB;
  --md-footer-fg-color--light: #113664;
}

/* DARK MODE (tde360-dark) */

[data-md-color-scheme="tde360-dark"] {
  --md-default-bg-color: #1E2128;
  --md-default-fg-color--light: #F8FAFB;
  --md-typeset-color: #F8FAFB;

  /* Header */
  --md-primary-bg-color: #113664;
  --md-primary-fg-color: #F8FAFB;

  /* Accents and links */
  --md-accent-fg-color: #FF6224;
  --md-typeset-a-color: #FF6224;

  /* Footer */
  --md-footer-bg-color: #1E2128;
  --md-footer-fg-color: #F8FAFB;
  --md-footer-bg-color--dark: #1E2128;
  --md-footer-fg-color--light: #F8FAFB;
}

/* ==========================================================================
LOGO & HEADER
========================================================================== */

/* Maintain logo aspect ratio and increase size */
/* Desktop and larger screens */
@media (min-width: 600px) {
  .md-header__button.md-logo img,
  .md-header__button.md-logo svg {
    height: 48px;
    width: auto;
  }
}

.md-nav--primary .md-nav__title .md-logo{
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* ==========================================================================
   CONTENT & TYPOGRAPHY OVERRIDES
   ========================================================================== */

.md-typeset h1,
.md-typeset h2 {
  font-weight: 600;
}

.md-typeset a {
  font-weight: 600;
  transition: color 0.15s;
}

.md-typeset a:hover {
  text-decoration: underline;
}

/* CODE, BUTTONS & TABLES */

/* Code blocks */
.md-typeset code {
  background-color: var(--md-code-bg-color);
  color: var(--md-code-fg-color);
  padding: 0.2em 0.4em;
  border-radius: 3px;
}

.md-typeset pre {
  background-color: var(--md-code-bg-color);
  border-radius: 6px;
  padding: 1em;
}

/* Buttons */
.md-typeset .md-button {
  border-radius: 4px;
  padding: 0.5em 1em;
  font-weight: 600;
  color: var(--md-accent-fg-color);
  border: 1px solid var(--md-accent-fg-color);
  transition: 0.15s;
}

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

/* Tables */
/* Base table styling (applies to both themes) */
.md-typeset table {
  border-collapse: collapse;
  border-spacing: 0;
  border-radius: 4px;
  overflow: hidden;
  width: 100%;
}

/* Table cells and headers */
.md-typeset table th,
.md-typeset table td {
  padding: 0.75em 1em;
  border: 1px solid var(--md-table-border-color);
}

/* Table headers */
.md-typeset table th {
  font-weight: 600;
  background-color: var(--md-table-header-bg);
  color: var(--md-table-header-color);
}

/* Table body cells */
.md-typeset table td {
  color: var(--md-table-cell-color);
}

/* Light mode variables */
[data-md-color-scheme="tde360-light"] {
  --md-table-border-color: rgba(0, 0, 0, 0.12);
  --md-table-header-bg: #113664;
  --md-table-header-color: #F8FAFB;
  --md-table-cell-color: #113664;
}

/* Dark mode variables */
[data-md-color-scheme="tde360-dark"] {
  --md-table-border-color: rgba(255, 255, 255, 0.15);
  --md-table-header-bg: #2C2F36;
  --md-table-header-color: #F8FAFB;
  --md-table-cell-color: #F8FAFB;
}


/* IMAGES */
.md-typeset img {
  border-radius: 4px;
}

/* ADMONITIONS LIGHT MODE */

[data-md-color-scheme="tde360-light"] .admonition {
  border-color: #113664 !important;
}

[data-md-color-scheme="tde360-light"] .admonition-title {
  color: #F8FAFB;
  background-color: #113664 !important;
}

[data-md-color-scheme="tde360-light"] .admonition-title:before {
  background-color: #F8FAFB !important;
}

/* ADMONITIONS DARK MODE */
[data-md-color-scheme="tde360-dark"] .admonition {
  border-color: rgba(255, 255, 255, 0.15) !important;
}

[data-md-color-scheme="tde360-dark"] .admonition-title {
  color: #F8FAFB;
  background-color: #2C2F36 !important;
}

[data-md-color-scheme="tde360-dark"] .admonition-title:before {
  background-color: #F8FAFB !important;
}