/* =======================================================
   POLITECH PANEL360
   DESIGN SYSTEM
======================================================= */

:root{

/* ===========================
   COLORES
=========================== */

--primary:#1565FF;
--primary-dark:#0A3FB5;
--primary-light:#4C8DFF;

--secondary:#0F172A;

--background:#F4F7FB;

--surface:#FFFFFF;

--surface-2:#EDF2F8;

--border:#DCE5F1;

--text:#18212F;

--text-soft:#5B6678;

--success:#15B97A;

--danger:#F04438;


/* ===========================
   SOMBRAS
=========================== */

--shadow-sm:0 5px 15px rgba(0,0,0,.05);

--shadow-md:0 15px 40px rgba(0,0,0,.08);

--shadow-lg:0 25px 60px rgba(0,0,0,.12);

--shadow-blue:0 15px 50px rgba(21,101,255,.25);


/* ===========================
   RADIOS
=========================== */

--radius-sm:8px;

--radius-md:16px;

--radius-lg:26px;

--radius-xl:40px;


/* ===========================
   ESPACIADOS
=========================== */

--section:140px;

--container:1280px;


/* ===========================
   TRANSICIONES
=========================== */

--transition:.35s ease;

}