/* =========================================
   VARIABLES
========================================= */

:root{

    /* COLORS */

    --primary:#F5B800;

    --primary-dark:#d99f00;

    --secondary:#00152E;

    --secondary-dark:#000B18;

    --white:#FFFFFF;

    --text:#222222;

    /* TYPOGRAPHY */

    --title-xl:72px;

    --title-lg:48px;

    --title-md:32px;

    /* LAYOUT */

    --radius:16px;

    --transition:.3s ease;

    --shadow-soft:0 10px 30px rgba(0,0,0,.08);

    /* Z INDEX */

    --z-header:999;

    --z-menu:1000;

    --z-modal:2000;
}