/*
 * ARGOS · tema del chat (LibreChat v0.8.8).
 * Fuente: docs/arquitectura/11-marca.md y marca/ARGOS — Identidad de marca.
 * LibreChat define sus colores como tripletas RGB en variables CSS (`--surface-primary: 13 13 13`).
 * Aquí se sobrescriben para el modo claro (`html`) y el oscuro (`.dark`) con la misma paleta
 * nocturna: el tema queda forzado a «noche» aunque el usuario elija «claro».
 * Se carga desde index.html (lo inyecta chat/patch-index.sh) después de la hoja de LibreChat.
 * Si una actualización de LibreChat renombra variables, revisar este fichero (P-10).
 */

@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
  src: url("fonts/argos/dm-sans-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308,
    U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
  src: url("fonts/argos/dm-sans-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url("fonts/argos/source-serif-4-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308,
    U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url("fonts/argos/source-serif-4-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
    U+A720-A7FF;
}

/* Paleta ARGOS en tripletas RGB:
   noche #121A26 = 18 26 38 · noche elevada #1B2534 = 27 37 52 · hueso #F9FAFB = 249 250 251
   gris claro #9AA3B2 = 154 163 178 · dorado #D4AF37 = 212 175 55 · borde #27313F = 39 49 63 */
html,
html.dark,
.dark {
  color-scheme: dark;
  --theme-font-family: "DM Sans", "Segoe UI", system-ui, sans-serif;

  --text-primary: 249 250 251;
  --text-secondary: 154 163 178;
  --text-secondary-alt: 154 163 178;
  --text-tertiary: 154 163 178;
  --text-muted: 154 163 178;
  --text-inverted: 18 26 38;
  --link: 212 175 55;
  --link-hover: 226 196 98;
  --link-visited: 212 175 55;

  --accent-primary: 212 175 55;
  --accent-primary-hover: 226 196 98;
  --ring-primary: 212 175 55;

  --header-primary: 18 26 38;
  --header-hover: 27 37 52;
  --header-button-hover: 27 37 52;

  --presentation: 18 26 38;
  --surface-primary: 18 26 38;
  --surface-primary-alt: 18 26 38;
  --surface-primary-contrast: 27 37 52;
  --surface-secondary: 27 37 52;
  --surface-secondary-alt: 27 37 52;
  --surface-tertiary: 34 46 64;
  --surface-tertiary-alt: 34 46 64;
  --surface-dialog: 27 37 52;
  --surface-chat: 27 37 52;
  --surface-hover: 34 46 64;
  --surface-hover-alt: 39 49 63;
  --surface-composer-hover: 34 46 64;
  --surface-active: 39 49 63;
  --surface-active-alt: 39 49 63;
  --surface-submit: 212 175 55;
  --surface-submit-hover: 226 196 98;
  --surface-inverted: 249 250 251;
  --surface-inverted-hover: 230 232 236;

  --border-light: 39 49 63;
  --border-medium: 51 63 80;
  --border-medium-alt: 51 63 80;
  --border-heavy: 72 86 106;
  --border-xheavy: 154 163 178;

  /* Series de datos sobre noche, orden fijo (guía de marca). El dorado de marca no es serie. */
  --series-1: 172 140 26;
  --series-2: 91 143 214;
  --series-3: 47 160 127;
  --series-4: 176 124 198;
  --series-5: 210 121 90;
}

html,
body {
  background-color: #121a26;
}

/* El botón de enviar usa --surface-submit: texto noche sobre dorado (contraste 8,3:1). */
button[data-testid="send-button"],
button[data-testid="send-button"] svg {
  color: #121a26;
}

/* Titulares con la serif de marca. */
h1,
.text-3xl {
  font-family: "Source Serif 4", Georgia, serif;
  font-weight: 400;
}

/* Cifras tabulares en tablas y respuestas (guía de marca). */
table,
.markdown table {
  font-variant-numeric: tabular-nums;
}