/* ============================================================
   BSD · BSE Desarrollos SpA · Tokens
   Solo variables. Para apps, web y cualquier superficie digital.
   Los componentes de documento viven en bsd-document.css.
   ------------------------------------------------------------
   La paleta y la tipografía son EXACTAMENTE las del manual
   (README.md §2 y §3). No agregar colores fuera de esta lista.
   ============================================================ */

:root {
  /* ── Color: estructura ──────────────────────────────────── */
  --navy:        #1B3A52;   /* títulos, valores clave, fondos de portada */
  --navy-deep:   #102538;   /* fondo más profundo: cabecera de tabla maestra */
  --navy-mid:    #2A536F;   /* navy secundario */

  /* ── Color: acento · dos versiones, NO intercambiables ──── */
  --mint:        #2DD4BF;   /* acento sobre fondo OSCURO · gráficos en cualquier fondo */
  --mint-deep:   #0D7D70;   /* acento sobre fondo CLARO (texto) */
  /* 27/07/2026 · mint-deep pasó del verde anterior (3.99:1 sobre blanco) al
     actual (5.02:1). Motivo: los eyebrows van a 8.5pt (texto chico) y el
     mínimo AA es 4.5:1. A simple vista es el mismo verde.
     PARA REVERTIR: el valor viejo está en README §2.2. Son 8 valores aplicados
     en 5 archivos (este, bsd-document.css, bsd-logo-snippet.html,
     Brand Guide.html, README.md). Reemplazarlos y borrar esta nota; no hay
     nada más acoplado. */

  /* ── Color: texto y superficies ─────────────────────────── */
  --text:        #0F1F2E;   /* valores de campo */
  --body:        #1F2937;   /* texto corrido / bullets */
  --muted:       #64748B;   /* etiquetas, captions, secundario */
  --muted-2:     #94A3B8;   /* extra tenue */
  --border:      #E2E8F0;   /* hairlines, líneas de tabla */
  --border-2:    #CBD5E1;   /* separador más marcado */
  --bg-light:    #F6F8FA;   /* superficie clara */
  --bg-stripe:   #FBFCFD;   /* zebra de tabla / fondo de imagen */

  /* ── Color de estado ────────────────────────────────────── */
  --pending:     #B45309;   /* ámbar · dato por confirmar */

  /* ── Degradado oficial de la marca (eje vertical, abajo→arriba) ── */
  --mark-stop-0:   #03CAFF;
  --mark-stop-71:  #00CC7E;
  --mark-stop-1:   #04E68A;

  /* ── Tipografía ─────────────────────────────────────────── */
  --font: 'Manrope', 'Helvetica Neue', Arial, sans-serif;
  --w-light: 300; --w-regular: 400; --w-medium: 500;
  --w-semi: 600;  --w-bold: 700;    --w-black: 800;

  /* Tracking: abierto solo en mayúsculas, negativo solo en títulos */
  --track-title:   -0.018em;
  --track-display: -0.025em;
  --track-eyebrow:  0.20em;
  --track-tag:      0.16em;
  --track-footer:   0.14em;

  /* ── Geometría ──────────────────────────────────────────── */
  --radius: 0;              /* border-radius: 0 en absolutamente todo */
  --hairline: 1px;
  --bullet-sq: 6px;         /* cuadrado de bullet */
  --title-sq:  5px;         /* cuadrado de título de columna */
  --bar-h:     2.5px;       /* pletina de lámina */
  --rule-w:    1.3in;       /* regla de portada/cierre */
  --rule-h:    3px;

  /* ── Documento impreso (11 × 8.5 in landscape) ──────────── */
  --page-w: 11in;
  --page-h: 8.5in;

  /* ══════════════════════════════════════════════════════════
     ESCALA DE PANTALLA: extensión web/social.
     El sistema impreso se mide en pt; la web se mide en rem.
     Equivalencias derivadas del manual §3.2 (1pt ≈ 1.333px).
     ══════════════════════════════════════════════════════════ */
  --web-max:        1180px;   /* ancho máximo de contenido */
  --web-gutter:     24px;
  --web-section-y:  clamp(56px, 8vw, 112px);

  --fs-hero:    clamp(2.5rem, 6vw, 4.5rem);      /* ← portada 54pt   */
  --fs-h1:      clamp(2rem, 4.4vw, 3rem);        /* ← cierre 38pt    */
  --fs-h2:      clamp(1.6rem, 3.2vw, 2.25rem);   /* ← lámina 22pt    */
  --fs-h3:      1.25rem;
  --fs-lede:    clamp(1.0625rem, 1.6vw, 1.25rem);/* ← bajada 13pt    */
  --fs-body:    1rem;                            /* ← bullets 10.5pt */
  --fs-sm:      0.9375rem;
  --fs-eyebrow: 0.75rem;                         /* ← eyebrow 8.5pt  */
  --fs-micro:   0.6875rem;                       /* ← footer 7.5pt   */

  --lh-tight: 1.08;
  --lh-title: 1.14;
  --lh-body:  1.6;
}