/* ==========================================================================
   Quipu — Design tokens
   Fuentes: IBM Plex Serif / Sans / Mono (Google Fonts)
   ========================================================================== */

:root {
  /* --- Color --- */
  --navy-900: #03324a;   /* fondo del header / navbar */
  --navy-700: #0d4663;   /* fondos secundarios, bordes sobre navy */
  --navy-500: #2f6690;   /* azul medio — eyebrows, bordes y enlaces sobre paper */
  --paper:    #f7f9fb;   /* fondo principal de las secciones (blanco con tinte azulado) */
  --paper-alt:#e3ebf0;   /* fondo alterno — azul claro, para diferenciar secciones */
  --ink:      #1a2b33;   /* texto principal sobre paper */
  --ink-soft: #4a5a63;   /* texto secundario / descripciones */
  --off-white:#f5f5f5;   /* texto sobre navy (whitesmoke, ya usado en el header) */
  --brick:    #6b2c1f;   /* único acento del sitio — reservado exclusivamente para el "nudo" */

  /* --- Tipografía --- */
  --font-display: "IBM Plex Sans", Georgia, serif;
  --font-body: "IBM Plex Sans", -apple-system, sans-serif;
  --font-mono: "IBM Plex Mono", "Courier New", monospace;

  --fs-xs: 0.8rem;
  --fs-sm: 0.95rem;
  --fs-base: 1.05rem;
  --fs-lg: 1.3rem;
  --fs-xl: 1.8rem;
  --fs-2xl: 2.4rem;
  --fs-3xl: 3.2rem;

  /* --- Espaciado --- */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 6rem;

  /* --- Layout --- */
  --container-width: 1080px;
  --container-padding: 5vw;
  --radius-sm: 4px;
  --radius-md: 8px;

  /* --- Navbar --- */
  --navbar-height: 64px;

  /* --- Motion --- */
  --transition-fast: 0.2s ease;
  --transition-medium: 0.4s ease;
}