/* ==========================================================
   TWTMS DESIGN SYSTEM
========================================================== */

:root{

    /* ======================================================
       PRIMARY COLORS
    ====================================================== */

    --primary:#0A3D91;

    --primary-light:#1E88E5;

    --secondary:#1565C0;

    --accent:#64B5F6;

    /* ======================================================
       TEXT
    ====================================================== */

    --text-dark:#1E293B;

    --text-light:#64748B;

    --text-white:#FFFFFF;

    /* ======================================================
       BACKGROUND
    ====================================================== */

    --bg-body:#F4F7FB;

    --bg-card:rgba(255,255,255,.18);

    --bg-input:#FFFFFF;

    /* ======================================================
       BORDER
    ====================================================== */

    --border:#DCE3EB;

    --border-light:rgba(255,255,255,.25);

    /* ======================================================
       SHADOW
    ====================================================== */

    --shadow-sm:

        0 10px 25px rgba(0,0,0,.08);

    --shadow-md:

        0 20px 45px rgba(0,0,0,.18);

    --shadow-lg:

        0 30px 80px rgba(0,0,0,.25);

    /* ======================================================
       RADIUS
    ====================================================== */

    --radius-sm:12px;

    --radius-md:18px;

    --radius-lg:28px;

    /* ======================================================
       TRANSITION
    ====================================================== */

    --transition:.30s ease;

}