/* ==========================================================================
   Seguridad Capital de Colombia LTDA. — tokens
   Valores tomados del mockup aprobado y de la paleta corporativa oficial.
   Ver DESIGN.md §2 (color), §3 (tipografía), §4 (espacio).
   ========================================================================== */

:root {
  /* ---- Superficies ---- */
  --ink:        #0A0908;
  --ink-2:      #12110F;
  --ink-3:      #1B1917;
  --paper:      #FFFFFF;

  /* ---- Acento ---- */
  --gold:       #D9A648;
  --gold-deep:  #8F6A22;
  --slate:      #333F3D;

  /* ---- Estado ---- */
  --ok:         #3ED67F;
  --alert:      #E5534B;
  --wa:         #25D366;
  --wa-ink:     #128C4A;

  /* ---- Texto sobre oscuro ---- */
  --tx:         #FFFFFF;
  --tx-1:       rgba(255, 255, 255, .82);
  --tx-2:       rgba(255, 255, 255, .62);
  --tx-3:       rgba(255, 255, 255, .52);
  --tx-4:       rgba(255, 255, 255, .42);

  /* ---- Texto sobre oro ---- */
  --on-gold:    #0A0908;
  --on-gold-2:  rgba(10, 9, 8, .74);

  /* ---- Líneas y velos ---- */
  --line:       rgba(255, 255, 255, .12);
  --line-2:     rgba(255, 255, 255, .20);
  --line-3:     rgba(255, 255, 255, .28);
  --line-gold:  rgba(217, 166, 72, .24);
  --line-gold-2:rgba(217, 166, 72, .40);
  --wash:       rgba(255, 255, 255, .03);
  --wash-2:     rgba(255, 255, 255, .04);
  --wash-gold:  rgba(217, 166, 72, .06);
  --wash-gold-2:rgba(217, 166, 72, .12);

  /* ---- Familias ---- */
  --ff-display: 'Jost', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ff-text:    'Source Sans 3', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ff-mono:    'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* ---- Escala fluida: 390px → 1440px ---- */
  --fs-hero:    clamp(2.875rem, 1.53rem + 5.52vw, 5.125rem); /* 46 → 82 */
  --fs-h1:      clamp(2.125rem, 1.07rem + 4.32vw, 3.875rem); /* 34 → 62 */
  --fs-h2:      clamp(1.6875rem, 1.06rem + 2.57vw, 2.75rem); /* 27 → 44 */
  --fs-h2-sm:   clamp(1.6875rem, 1.27rem + 1.71vw, 2.25rem); /* 27 → 36 */
  --fs-h3:      clamp(1.0625rem, 0.97rem + 0.38vw, 1.3125rem); /* 17 → 21 */
  --fs-lead:    clamp(0.9375rem, 0.80rem + 0.57vw, 1.1875rem); /* 15 → 19 */
  --fs-body:    clamp(0.90625rem, 0.81rem + 0.40vw, 1.0625rem); /* 14.5 → 17 */
  --fs-sm:      clamp(0.8125rem, 0.77rem + 0.19vw, 0.90625rem); /* 13 → 14.5 */
  --fs-xs:      clamp(0.78125rem, 0.76rem + 0.10vw, 0.84375rem); /* 12.5 → 13.5 */
  --fs-eyebrow: clamp(0.625rem, 0.59rem + 0.14vw, 0.71875rem); /* 10 → 11.5 */
  --fs-mono:    clamp(0.6875rem, 0.66rem + 0.10vw, 0.75rem);   /* 11 → 12 */

  /* ---- Espacio ---- */
  --pad-x:  clamp(1.25rem, 4vw, 3.5rem);      /* 20 → 56 */
  --sec-y:  clamp(1.875rem, 4.6vw, 4.75rem);  /* 30 → 76 */
  --gap:    clamp(1.5rem, 3vw, 3.5rem);       /* 24 → 56 */
  --gap-sm: clamp(0.75rem, 1.4vw, 1.375rem);  /* 12 → 22 */
  --wrap:   1328px;

  /* ---- Otros ---- */
  --hdr-h: 76px;
  --ease:  cubic-bezier(.4, 0, .2, 1);
  --dur:   160ms;
}

@media (max-width: 760px) {
  :root { --hdr-h: 60px; }
}