/* ============================================================
   VARIABLES.CSS
   Único archivo que controla los colores, la tipografía base
   y las medidas globales del sitio.
   Cambia un valor aquí y cambia en las tres páginas.
   ============================================================ */

:root{

  /* ---------- COLOR ---------- */
  --ink:#0C1F2B;        /* texto principal                        */
  --navy:#083450;       /* azul de marca: bandas oscuras y botones */
  --navy-2:#124969;     /* azul hover                              */
  --orange:#E04C01;     /* naranja de marca: acentos y CTA         */
  --orange-2:#c94301;   /* naranja hover                           */
  --white:#fff;
  --paper:#F6F7F8;      /* fondo de banda clara                    */
  --line:#E3E7E9;       /* bordes y separadores                    */
  --muted:#5F7482;      /* texto secundario sobre claro            */
  --muted-d:#9DB2BF;    /* texto secundario sobre oscuro           */

  /* ---------- TIPOGRAFÍA ---------- */
  --font:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --fs-body:17px;

  /* ---------- MOVIMIENTO ---------- */
  --ease:cubic-bezier(.16,.84,.34,1);

  /* ---------- MEDIDAS ---------- */
  --nav-h:66px;             /* alto del encabezado fijo            */
  --wrap:1280px;            /* ancho máximo del contenedor         */
  --wrap-narrow:900px;      /* ancho máximo del contenedor angosto  */
  --gutter:90vw;            /* ancho relativo en pantallas chicas   */
  --radius-lg:18px;
  --radius-md:16px;
  --radius-sm:14px;

  /* ---------- SOMBRAS ---------- */
  --shadow-card:0 24px 48px rgba(8,52,80,.10);
  --shadow-tile:0 22px 44px rgba(8,52,80,.10);
}