/* Panamera Font - Corporate typography */
@font-face {
  font-family: 'Panamera';
  src: url('../fonts/Panamera-Variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* nubarchiva Brand Colors */
:root {
  /* Primary: Cyan corporativo #4ec5ff */
  --md-primary-fg-color: #4ec5ff;
  --md-primary-fg-color--light: #7dd4ff;
  --md-primary-fg-color--dark: #00a8e8;

  /* Accent: Mismo cyan para consistencia */
  --md-accent-fg-color: #4ec5ff;
  --md-accent-fg-color--transparent: rgba(78, 197, 255, 0.1);
}

/* Dark mode adjustments */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #4ec5ff;
  --md-primary-fg-color--light: #7dd4ff;
  --md-primary-fg-color--dark: #00a8e8;
  --md-accent-fg-color: #4ec5ff;
}

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

/* Logo size adjustment */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 1.8rem;
  width: auto;
}

/* Link colors */
.md-typeset a {
  color: var(--md-primary-fg-color--dark);
}

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

/* Navigation active state */
.md-nav__link--active {
  color: var(--md-primary-fg-color--dark);
}

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

/* Admonition tweaks 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);
}

/* Headings with Panamera font */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  font-family: 'Panamera', sans-serif;
  font-weight: 500;
}

/* Site title in header */
.md-header__title {
  font-family: 'Panamera', sans-serif;
}

/* Navigation sidebar titles */
.md-nav__title {
  font-family: 'Panamera', sans-serif;
}