/*
|--------------------------------------------------------------------------
| MAKKY B2B
| Design System
| Color
|--------------------------------------------------------------------------
*/

:root{

    /* ==========================================================
       BRAND
    ========================================================== */

    --mb2b-primary:#123847;

    --mb2b-primary-hover:#0F3240;

    --mb2b-secondary:#F7941D;

    --mb2b-secondary-hover:#E57F08;

    --mb2b-accent:#1A5670;

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

    --mb2b-bg:#FFFFFF;

    --mb2b-bg-soft:#F8FAFC;

    --mb2b-bg-dark:#123847;

    --mb2b-bg-overlay:rgba(0,0,0,.55);

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

    --mb2b-text:#1E293B;

    --mb2b-text-light:#FFFFFF;

    --mb2b-text-muted:#94A3B8;

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

    --mb2b-border:#E2E8F0;

    --mb2b-border-light:rgba(255,255,255,.10);

    --mb2b-border-dark:rgba(0,0,0,.08);

    /* ==========================================================
       STATUS
    ========================================================== */

    --mb2b-success:#22C55E;

    --mb2b-warning:#F59E0B;

    --mb2b-danger:#EF4444;

}