/* tokens.css
   Nombres idénticos a las variables de Figma: color/texto -> --color-texto,
   spacing/04 -> --spacing-04 (la barra pasa a guion; nada más cambia).
   Fuente: get_variable_defs del nodo 9:26, leída el 2026-11-04 (frame/variables.json).
   Los tamaños numéricos de Figma van en rem (base 16): 32 -> 2rem. */

/* tokens:inicio */
:root {
  /* Modo claro: valores de Figma, tal cual. */
  --color-texto: #161616;
  --color-texto-suave: #525252;
  --color-fondo: #ffffff;
  --color-superficie: #f4f4f4;
  --color-borde: #e0e0e0;
  --color-redline: #d02670;
  --color-redline-contraste: #ffffff;

  /* Familias: el valor de Figma va primero; lo que sigue es la pila de respaldo. */
  --font-titular: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-texto: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --font-weight-ligero: 300;
  --font-weight-normal: 400;
  --font-weight-semibold: 600;

  --text-titulo: 2rem;      /* 32 */
  --leading-titulo: 2.5rem; /* 40 */
  --text-cuerpo: 1rem;      /* 16 */
  --leading-cuerpo: 1.5rem; /* 24 */
  --text-nota: 0.875rem;    /* 14 */
  --leading-nota: 1.25rem;  /* 20 */
  --text-mini: 0.75rem;     /* 12 */
  --leading-mini: 1rem;     /* 16 */

  --spacing-04: 0.75rem; /* 12 */
  --spacing-05: 1rem;    /* 16 */
}
/* tokens:fin */

/* ------------------------------------------------------------------
   MODO OSCURO: PROPUESTA, NO VIENE DE FIGMA.
   El archivo de Figma no trae un bloque «Oscuro» para este frame, así que estos valores
   los propone el código (grises oscuros de la misma familia que los claros) y los
   confirma o cambia la diseñadora. Mismos nombres que en el modo claro.
   Contrastes medidos: ver CORRIDA.md.
   ------------------------------------------------------------------ */
@media (prefers-color-scheme: dark) {
  :root {
    --color-texto: #f4f4f4;
    --color-texto-suave: #c6c6c6;
    --color-fondo: #161616;
    --color-superficie: #262626;
    --color-borde: #393939;
    /* --color-redline y --color-redline-contraste no se redefinen: los valores de Figma
       (#d02670 y #ffffff) ya cumplen sobre el fondo oscuro. Menos valores inventados. */
  }
}