/* Identidad iFacture sobre MkDocs Material.
   Los tokens replican la paleta real de la aplicacion
   (static/assets-facturador/cssv5/ifacture-design.css) para que el manual y la
   plataforma se lean como un mismo producto. */

:root > * {
  --md-primary-fg-color: #000956;        /* navy del sidebar */
  --md-primary-fg-color--dark: #001280;
  --md-accent-fg-color: #FF5956;         /* coral de acciones */
  --md-typeset-a-color: #000956;
}

[data-md-color-scheme="default"] {
  --md-default-bg-color: #FFFFFF;
  --md-default-fg-color: #0F172A;
  --md-default-fg-color--light: #334155;
  --md-default-fg-color--lighter: #64748B;
  --md-code-bg-color: #F8FAFC;
  --md-typeset-a-color: #000956;
  --md-accent-fg-color: #FF5956;
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0B1020;
  --md-default-fg-color: #E2E8F0;
  --md-default-fg-color--light: #B4C0D4;
  --md-default-fg-color--lighter: #8695AE;
  --md-code-bg-color: #131A2E;
  --md-typeset-a-color: #93A7FF;
  --md-accent-fg-color: #FF8785;
}

/* Titulos con la voz tecnica del dominio, cuerpo en la fuente de la app */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  font-family: "IBM Plex Sans", "Inter", system-ui, sans-serif;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.md-typeset h2 {
  border-top: 1px solid var(--md-default-fg-color--lightest);
  padding-top: 0.9rem;
  margin-top: 2.4rem;
}

/* Tablas de datos: densidad controlada y numeros alineados */
.md-typeset table:not([class]) {
  font-size: 0.76rem;
}

.md-typeset table:not([class]) th {
  font-family: "IBM Plex Sans", "Inter", system-ui, sans-serif;
  font-size: 0.66rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: 600;
}

.md-typeset table:not([class]) td {
  vertical-align: top;
}

.md-typeset table td.num,
.md-typeset table th.num {
  font-variant-numeric: tabular-nums;
  text-align: right;
}

/* Los avisos son la mitad del valor del manual: que se vean */
.md-typeset .admonition {
  font-size: 0.78rem;
  border-radius: 0 6px 6px 0;
  border-width: 0 0 0 3px;
  box-shadow: none;
}
