/*
 * Design tokens. The only file that holds raw values; everything else reads
 * these custom properties. Mirrors the prototype (prototype/landing.html).
 */
:root{
  /* Color — paleta Opción C */
  --cream:#FFF5E1;
  --sand:#F7E9C8;
  --navy:#14213F;
  --navy-2:#24345C;
  --navy-line:#3A4A70;
  --ochre:#F2B33D;
  --ochre-deep:#D99A22;
  --coral:#C93F1C;
  --coral-ink:#A8320F;   /* para texto sobre ocre — pasa contraste AA */
  --coral-soft:#F0A48C;
  --white:#FFFFFF;
  --ink-mute:#4A4F63;
  --ink-mute-dark:#C9C3B2;

  /* Radios de burbuja — el gesto de la marca */
  --r-in:28px 28px 28px 8px;   /* mensaje que llega  */
  --r-out:28px 28px 8px 28px;  /* mensaje que sale   */
  --r-card:32px 32px 32px 10px;
  --r-btn:30px 30px 30px 8px;
  --r-chip:24px 24px 24px 6px;

  /* Tipografía */
  --f-display:'Bricolage Grotesque','Helvetica Neue',Arial,sans-serif;
  --f-body:'Onest','Helvetica Neue',Arial,sans-serif;

  /* Medidas */
  --wrap:1180px;
  --gutter:clamp(20px,5vw,64px);
  --sec:clamp(56px,8vw,104px);
  --prose:62ch;
}