/* ==========================================================================
   Sistema Santiago - tokens (CSS custom properties)
   Metodo suizo, paleta de anden, alma del valle.
   Reconciliado a canon CIS: IBM Plex Sans como primera familia, serif self-hosted.
   ========================================================================== */

:root {
  /* --- Color: base ------------------------------------------------------- */
  --stgo-papel:            #E8E3D8;
  --stgo-papel-2:          #E0DACE;
  --stgo-tinta:            #1C1A17;
  --stgo-tinta-2:          #6A655C;

  /* --- Color: concreto (brutalismo) ------------------------------------- */
  --stgo-concreto-claro:   #B8B2A6;
  --stgo-concreto:         #8E897E;
  --stgo-concreto-oscuro:  #6A655C;
  --stgo-superficie:       #D2CCBF;

  /* --- Color: acentos (mate) -------------------------------------------- */
  --stgo-rojo-l1:          #B0503E;
  --stgo-verde-l5:         #6E7A50;
  --stgo-purpura-l6:       #6D5A77;
  --stgo-ocre:             #C9A268;
  --stgo-azul-nieve:       #7C8B97;

  /* texto sobre acento (tono oscuro de la misma familia, nunca negro) */
  --stgo-rojo-l1-txt:      #5E2419;
  --stgo-verde-l5-txt:     #3A4026;
  --stgo-purpura-l6-txt:   #3A2E42;
  --stgo-ocre-txt:         #6E5421;
  --stgo-azul-nieve-txt:   #3A454E;

  /* --- Color: lineas Metro (mate) --------------------------------------- */
  --stgo-l1:  #B0503E;
  --stgo-l2:  #C39B3C;
  --stgo-l3:  #8A5A3C;
  --stgo-l4:  #4E6E8E;
  --stgo-l4a: #6E93A6;
  --stgo-l5:  #6E7A50;
  --stgo-l6:  #6D5A77;

  /* --- Color: caras isometricas ----------------------------------------- */
  --stgo-iso-top:        #B8B2A6;
  --stgo-iso-left:       #8E897E;
  --stgo-iso-right:      #6A655C;
  --stgo-iso-verde-top:  #8A9466;
  --stgo-iso-verde-left: #6E7A50;
  --stgo-iso-verde-right:#525C38;

  /* --- Tipografia (canon: IBM Plex Sans como primera familia) ----------- */
  --stgo-font-sans:  "IBM Plex Sans", Texta, "Basic Sans", system-ui, -apple-system, sans-serif;
  --stgo-font-mono:  "JetBrains Mono", "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;
  /* sin serif: el sistema es sans-serif. El token queda como alias a sans por compat. */
  --stgo-font-serif: "IBM Plex Sans", Texta, "Basic Sans", system-ui, sans-serif;

  --stgo-w-regular: 400;
  --stgo-w-medium:  500;

  --stgo-fs-display: 58px;
  --stgo-fs-h1:      40px;
  --stgo-fs-h2:      22px;
  --stgo-fs-h3:      16px;
  --stgo-fs-body:    16px;
  --stgo-fs-small:   12.5px;
  --stgo-fs-caption: 11px;

  --stgo-lh-tight: 1.15;
  --stgo-lh-body:  1.6;
  --stgo-lh-loose: 1.7;

  --stgo-track-wordmark: -0.02em;
  --stgo-track-eyebrow:   0.12em;

  /* --- Espaciado (base 4, modulo 40 = el damero) ------------------------ */
  --stgo-space-1: 4px;
  --stgo-space-2: 8px;
  --stgo-space-3: 12px;
  --stgo-space-4: 16px;
  --stgo-space-6: 24px;
  --stgo-space-8: 32px;
  --stgo-module:  40px;

  /* --- Bordes y radio --------------------------------------------------- */
  --stgo-radius: 0;                                   /* CERO. Sin redondeados. */
  --stgo-hairline: 0.5px solid rgba(28, 26, 23, 0.18);
  --stgo-hairline-faint: 0.5px solid rgba(28, 26, 23, 0.12);
  --stgo-rule: 1px solid rgba(28, 26, 23, 0.30);

  /* --- Layout ----------------------------------------------------------- */
  --stgo-measure: 66ch;          /* medida de columna legible */
  --stgo-sidenote-w: 152px;      /* columna de notas al margen (Tufte) */
  --stgo-gutter: 40px;
}