/* ============================================================
   VARIABLES / TOKENS DE DISEÑO
   KW Services RD — hoja de estilos separada
============================================================ */

/* ============================================================
   SISTEMA DE DISEÑO — KW Services RD
   Paleta derivada del logo, versión suavizada
============================================================ */
:root{
  --tinta:#28325A;
  --tinta-osc:#1D2647;
  --marino:#4A57A8;
  --azul:#4285BC;
  --cian:#57B6D6;
  --verde:#3EAF75;
  --verde-suave:#4BBE7E;
  --accion:#2E9160;
  --accion-osc:#237250;
  --fondo:#F5F7FC;
  --papel:#FFFFFF;
  --linea:#E3E8F2;
  --linea-fuerte:#CBD4E6;
  --gris:#78849F;

  --display:"Space Grotesk", system-ui, sans-serif;
  --body:"Figtree", system-ui, sans-serif;
  --mono:"DM Mono", ui-monospace, monospace;

  --sombra-s:0 2px 8px -2px rgba(40,50,90,.08);
  --sombra-m:0 14px 34px -16px rgba(40,50,90,.22);
  --sombra-l:0 30px 60px -24px rgba(40,50,90,.30);

  --r:16px;
  --r-s:10px;
  --max:1200px;
  --pad:clamp(20px,5vw,44px);
}