:root{

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

    --eg-primary:#000000;
    --eg-secondary:#ffffff;

    --eg-text:#202124;
    --eg-text-light:#6b7280;

    --eg-bg:#ffffff;
    --eg-section:#f7f8fa;

    --eg-border:#ececec;

    /*==================================================
        HEADER
    ==================================================*/

    --eg-header-height:90px;

    --eg-header-bg:rgba(255,255,255,.88);

    --eg-header-radius:20px;

    --eg-header-shadow:0 12px 40px rgba(0,0,0,.08);

    --eg-header-border:1px solid rgba(0,0,0,.05);

    --eg-header-blur:18px;

    /*==================================================
        BUTTON
    ==================================================*/

    --eg-btn-height:48px;

    --eg-btn-radius:999px;

    /*==================================================
        CARD
    ==================================================*/

    --eg-card-radius:24px;

    --eg-shadow:0 12px 40px rgba(0,0,0,.08);

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

    --eg-transition:.35s ease;

}