/* Tokens de PAFA — «PAFA · Paleta y guía visual» (18/09/2026).
   La bandera argentina (celeste plano y amarillo) ya no se usa: el celeste se oscureció
   para que el texto se lea, y el dorado quedó como secundario, nunca como protagonista.
   Una sola paleta clara: papel en todas las páginas, petróleo en cabecera y pie. */
:root {
  /* Superficies */
  --papel: #faf9f6;        /* fondo general de todas las páginas */
  --hueso: #fbf8f0;        /* fondo alterno de tarjetas y filas */
  --destacado: #eef4f5;    /* fondo de las secciones destacadas */
  --petroleo: #12333f;     /* fondo de cabecera y pie */
  --titulo: #12333f;       /* los títulos, en el mismo petróleo */

  /* Texto */
  --tinta: #1c1e1f;        /* texto principal */
  --tinta-parrafo: #3c4247;
  --tinta-cuerpo: #37474d;
  --tinta-suave: #5b6266;  /* secundario y descripciones cortas */

  /* Acento */
  --acento: #1f5f7a;       /* links, chip «En escritura», botón principal */
  --acento-hover: #154a61;
  --acento-linea: rgba(31, 95, 122, 0.4);
  --sobre-acento: #faf9f6; /* lo que va encima del acento: chip y botón principal */

  /* Dorado: sólo chips «En desarrollo» / «En borrador» y la etiqueta «No oficial» */
  --senal: #8a6a2e;
  --senal-borde: #c9a35f;
  --dorado-claro: #d3ab5a;

  /* Líneas */
  --linea: #d7ccb2;
  --linea-suave: #ece6d5;
  --linea-boton: #b7c2c6;
  --tinta-linea: rgba(28, 30, 31, 0.25);

  /* Texto sobre fondo oscuro */
  --claro: #faf9f6;
  --claro-suave: #c9d8de;
  --claro-tenue: #8ba3ac;

  --serif: "Source Serif Pro", Georgia, "Times New Roman", serif;
  --sans: "Source Sans Pro", "Segoe UI", system-ui, sans-serif;
  --mono: "IBM Plex Mono", "SF Mono", Menlo, monospace;

  --ancho: 1440px;
  --gutter: 96px;
}

/* Modo nocturno: sigue al sistema hasta que el visitante elige con el switch de la
   barra, y ahí manda data-theme. La guía sólo define la paleta clara, así que estos
   valores son derivados con su misma lógica —mover el color hasta que el texto se lea—.
   La barra y el pie siguen en petróleo: ahí no cambia nada.
   Las vistas de contratos de /docs/ las genera Redoc y quedan siempre claras. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --papel: #0d1b21;
    --hueso: #13232a;
    --destacado: #16272e;

    --tinta: #e8edef;
    --tinta-parrafo: #ccd8dd;
    --tinta-cuerpo: #c3d0d6;
    --tinta-suave: #9fb0b7;
    --tinta-linea: rgba(232, 237, 239, 0.3);

    /* La cabecera y el pie siguen en petróleo, pero como color de texto no se lee. */
    --titulo: #dde8eb;

    /* El celeste #1f5f7a da 2,5:1 sobre este fondo: se aclara, como la guía
       oscureció el celeste de la bandera para el fondo claro. */
    --acento: #8fc0d4;
    --acento-hover: #b3d6e5;
    --acento-linea: rgba(143, 192, 212, 0.4);
    --sobre-acento: #0d1b21;

    /* El dorado de texto #8a6a2e no se lee en oscuro: va el claro, que ya está en la guía. */
    --senal: #d3ab5a;

    --linea: #24383f;
    --linea-suave: #1b2c33;
    --linea-boton: #3a5058;
  }
}
:root[data-theme="dark"] {
    --papel: #0d1b21;
    --hueso: #13232a;
    --destacado: #16272e;

    --tinta: #e8edef;
    --tinta-parrafo: #ccd8dd;
    --tinta-cuerpo: #c3d0d6;
    --tinta-suave: #9fb0b7;
    --tinta-linea: rgba(232, 237, 239, 0.3);

    /* La cabecera y el pie siguen en petróleo, pero como color de texto no se lee. */
    --titulo: #dde8eb;

    /* El celeste #1f5f7a da 2,5:1 sobre este fondo: se aclara, como la guía
       oscureció el celeste de la bandera para el fondo claro. */
    --acento: #8fc0d4;
    --acento-hover: #b3d6e5;
    --acento-linea: rgba(143, 192, 212, 0.4);
    --sobre-acento: #0d1b21;

    /* El dorado de texto #8a6a2e no se lee en oscuro: va el claro, que ya está en la guía. */
    --senal: #d3ab5a;

    --linea: #24383f;
    --linea-suave: #1b2c33;
    --linea-boton: #3a5058;
}

@media (max-width: 900px) {
  :root { --gutter: 20px; }
}

:root { color-scheme: light dark; }
:root[data-theme="light"] { color-scheme: light; }
:root[data-theme="dark"] { color-scheme: dark; }