/* Extra CSS for Bluu Documentation */

/* Importar Plus Jakarta Sans desde Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');

/* Colores de marca Bluu */
:root {
  --md-primary-fg-color: #3747B0;        /* Azul Bluu */
  --md-primary-fg-color--light: #4a5bc5; /* Azul Bluu más claro */
  --md-primary-fg-color--dark: #2a3589;  /* Azul Bluu más oscuro */
  --md-accent-fg-color: #3747B0;         /* Accent también azul Bluu */

  /* Tipografía */
  --md-text-font: "Plus Jakarta Sans";
  --md-code-font: "Plus Jakarta Sans";
}

/* Modo oscuro personalizado con negro Bluu */
[data-md-color-scheme="slate"] {
  --md-default-bg-color: #1a1a1a;        /* Negro Bluu */
  --md-default-fg-color: #ffffff;        /* Blanco */
  --md-primary-fg-color: #5B6FE8;        /* Azul Bluu claro para mejor contraste */
  --md-primary-fg-color--light: #7B8FFF; /* Azul más claro */
  --md-primary-fg-color--dark: #4A5FD1;  /* Azul más oscuro */
}

/* Modo claro con blanco puro */
[data-md-color-scheme="default"] {
  --md-default-bg-color: #ffffff;        /* Blanco */
  --md-primary-fg-color: #3747B0;        /* Azul Bluu */
}

/* Improve table styling */
.md-typeset table:not([class]) {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.2rem;
}

.md-typeset table:not([class]) th {
  background-color: var(--md-primary-fg-color--light);
  color: white;
  font-weight: 700;
}

/* Custom admonition styles */
.md-typeset .admonition,
.md-typeset details {
  border-left: 0.2rem solid;
  border-radius: 0.2rem;
}

/* Better code block styling */
.md-typeset code {
  border-radius: 0.2rem;
}

/* Force primary color for headings and links */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  color: var(--md-primary-fg-color);
  font-weight: 700;
}

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

.md-nav__link {
  color: var(--md-primary-fg-color);
}

/* Improve heading anchors */
.md-typeset h1 .headerlink,
.md-typeset h2 .headerlink,
.md-typeset h3 .headerlink {
  opacity: 0;
  transition: opacity 0.2s;
}

.md-typeset h1:hover .headerlink,
.md-typeset h2:hover .headerlink,
.md-typeset h3:hover .headerlink {
  opacity: 1;
}

/* Custom footer styling */
.md-footer-meta {
  background-color: var(--md-default-bg-color);
}

/* Improve mobile responsiveness */
@media screen and (max-width: 76.1875em) {
  .md-nav--primary .md-nav__title {
    background-color: var(--md-primary-fg-color);
  }
}