/* ===========================================================
   HELCORP SOLUCIONES ENERGY
   Design System
=========================================================== */

:root{

    /* Colores de marca */

    --navy-deep:#0c2038;
    --steel:#14304f;
    --steel-light:#1f5088;
    --energy:#7a1a1a;
    --energy-light:#9c3030;

    /* Tema claro */

    --paper:#f5f6f8;
    --paper-dim:#eef1f4;
    --ink:#16324f;
    --ink-muted:#5a6672;
    --line:rgba(20,48,79,.12);

    /* Tipografía */

    --display:"Arial Black","Helvetica Neue",Arial,sans-serif;
    --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;

    /* Bordes */

    --radius-sm:4px;
    --radius-md:10px;
    --radius-pill:100px;

    /* Layout */

    --container:1200px;

}