/* ==========================================================================
   Sistema de diseño Servilex — tokens
   Los hex del verde son provisionales hasta extraerlos del logo oficial.
   ========================================================================== */

:root{
  /* Color */
  --slx-navy-900:#08213D;
  --slx-navy-700:#0F3559;
  --slx-navy-500:#1B4E7E;
  --slx-green-500:#1FA97A;
  --slx-green-300:#4FCB9F;
  --slx-ink:#111A22;
  --slx-gray-500:#5B6B7A;
  --slx-gray-100:#EEF2F5;
  --slx-white:#FFFFFF;

  /* Tipografía — escala 1.25 */
  --slx-font-display:"Fraunces","Georgia",serif;
  --slx-font-body:"Public Sans","Helvetica Neue",sans-serif;
  --slx-fs-xs:0.8rem;
  --slx-fs-sm:0.95rem;
  --slx-fs-base:1.0625rem;
  --slx-fs-lg:1.33rem;
  --slx-fs-xl:1.66rem;
  --slx-fs-2xl:2.08rem;
  --slx-fs-3xl:2.6rem;
  --slx-fs-4xl:3.25rem;
  --slx-lh-tight:1.15;
  --slx-lh-base:1.65;

  /* Espaciado — base 8 */
  --slx-sp-1:0.5rem;
  --slx-sp-2:1rem;
  --slx-sp-3:1.5rem;
  --slx-sp-4:2rem;
  --slx-sp-6:3rem;
  --slx-sp-8:4rem;
  --slx-sp-12:6rem;

  /* Radios y sombras */
  --slx-radius-sm:4px;
  --slx-radius-md:10px;
  --slx-radius-lg:20px;
  --slx-shadow-sm:0 1px 2px rgba(8,33,61,.08);
  --slx-shadow-md:0 8px 24px rgba(8,33,61,.10);
  --slx-shadow-lg:0 24px 60px rgba(8,33,61,.16);

  /* Movimiento */
  --slx-ease:cubic-bezier(.2,.7,.3,1);
  --slx-dur:200ms;

  /* Contenedor */
  --slx-max-w:1200px;
}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:.01ms !important;transition-duration:.01ms !important;}
}