/* ==========================================================
   VARIABLES.CSS
========================================================== */

:root{

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

    --primary:#2D7FF9;
    --primary-hover:#1F6FEA;
    --primary-light:#EDF5FF;

    --success:#12B76A;
    --success-light:#ECFDF3;

    --warning:#F79009;
    --warning-light:#FFFAEB;

    --danger:#F04438;
    --danger-light:#FEF3F2;

    --dark:#101828;

    --text:#344054;

    --text-light:#667085;

    --border:#EAECF0;

    --background:#F8FAFC;

    --sidebar:#FFFFFF;

    --navbar:#FFFFFF;

    --card:#FFFFFF;

    --white:#FFFFFF;

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

    --shadow-sm:0 1px 2px rgba(16,24,40,.05);

    --shadow:
    0 4px 10px rgba(16,24,40,.04);

    --shadow-lg:
    0 10px 30px rgba(16,24,40,.08);

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

    --radius-xs:6px;

    --radius-sm:10px;

    --radius:14px;

    --radius-lg:20px;

    /* ================= TRANSITIONS ================= */

    --transition:.25s ease;

    /* ================= SIDEBAR ================= */

    --sidebar-width:280px;

    --navbar-height:72px;

}