/* ==========================================================================
   Escuela CIMASUR — Design tokens
   Fuente: design_handoff_escuela_cimasur/README.md (seccion "Design Tokens")
   ========================================================================== */

:root {
  /* --- Color: marca --- */
  --ec-navy:            #0B2545;
  --ec-navy-deep:       #061A33;  /* footer */
  --ec-celeste:         #0A9EDC;
  --ec-celeste-300:     #3DB7EA;
  --ec-celeste-200:     #5CC3EE;
  --ec-celeste-100:     #9CC9E8;

  /* --- Color: fondos --- */
  --ec-bg:              #F5F7FA;
  --ec-bg-celeste:      #E6F5FC;
  --ec-bg-celeste-alt:  #EAF7FD;
  --ec-white:           #FFFFFF;

  /* --- Color: acento de compra --- */
  --ec-amarillo:        #F6C453;
  --ec-amarillo-hover:  #FFD26A;
  --ec-amarillo-text:   #3D2E00;

  /* --- Color: WhatsApp --- */
  --ec-whatsapp:        #25D366;

  /* --- Color: bordes --- */
  --ec-border:          #E3E8EF;
  --ec-border-input:    #D6DDE6;
  --ec-border-dashed:   #C5CFDB;

  /* --- Color: texto --- */
  --ec-text:            #14213D;
  --ec-text-2:          #3A4660;
  --ec-muted:           #55627A;
  --ec-muted-2:         #8FA3BF;
  --ec-on-navy:         #C9D6E8;
  --ec-on-navy-2:       #D6E1F0;

  /* --- Tipografia --- */
  --ec-font-title: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ec-font-body:  "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  --ec-h1-hero:     clamp(40px, 5vw, 68px);
  --ec-h1-interno:  clamp(34px, 4.5vw, 56px);
  --ec-h2-seccion:  40px;
  --ec-h2-card:     22px;
  --ec-body:        16px;
  --ec-lead:        19px;

  /* --- Layout --- */
  --ec-container:   1240px;
  --ec-gutter:      24px;
  --ec-section-y:   88px;
  --ec-section-y-sm:64px;
  --ec-grid-gap:    22px;

  /* --- Radios --- */
  --ec-r-btn:       10px;
  --ec-r-pill:      999px;
  --ec-r-card:      18px;
  --ec-r-modal:     20px;

  /* --- Sombras --- */
  --ec-shadow-float: 0 8px 24px rgba(0,0,0,.25);
  --ec-overlay:      rgba(6,26,51,.7);
}