/* =================================================
   FLOWSUITE DESIGN TOKENS
   ================================================= */

:root{

/* -------------------------------------------------
   BRAND
------------------------------------------------- */

--fs-azure:#0F4C81;


/* -------------------------------------------------
   BLUE
------------------------------------------------- */

--fs-blue:#1F4F7A;
--fs-blue-hover:#163E63;


/* -------------------------------------------------
   GOLD
------------------------------------------------- */

--fs-gold:#B8860B;
--fs-gold-hover:#B89354;


/* -------------------------------------------------
   WHITE
------------------------------------------------- */

--fs-white:#FFFFFF;
--fs-warm-white:#F4F1EC;


/* -------------------------------------------------
   TEXT
------------------------------------------------- */

--fs-text-dark:#3F3F3F;
--fs-text-mid:#5A5A5A;
--fs-text-light:rgba(255,255,255,.92);


/* -------------------------------------------------
   BORDERS
------------------------------------------------- */

--fs-border-thin:1px;
--fs-border-normal:2px;
--fs-border-bold:3px;

--fs-border-active:var(--fs-border-normal);


/* -------------------------------------------------
   RADIUS
------------------------------------------------- */

--fs-radius-sm:6px;
--fs-radius-md:10px;
--fs-radius-lg:16px;


/* -------------------------------------------------
   SHADOWS
------------------------------------------------- */

--fs-shadow-sm:0 4px 10px rgba(0,0,0,.12);
--fs-shadow-md:0 8px 18px rgba(0,0,0,.20);
--fs-shadow-lg:0 12px 30px rgba(0,0,0,.28);


/* -------------------------------------------------
   GOLD SHADOW
------------------------------------------------- */

--fs-shadow-gold:0 10px 26px rgba(198,164,108,.35);


/* -------------------------------------------------
   TRANSITIONS
------------------------------------------------- */

--fs-transition:all .25s ease;

}