:root {

    /* =====================================================
       MAIN BRAND COLORS
       ===================================================== */

    --pbmit-global-color: #008080;
    --pbmit-global-color-rgb: 0, 128, 128;

    --pbmit-global-gradient: linear-gradient(
        135deg,
        #012D3D 0%,
        #008080 50%,
        #008000 100%
    );

    --pbmit-global-gradient-hover: linear-gradient(
        135deg,
        #008000 0%,
        #008080 50%,
        #012D3D 100%
    );


    /* =====================================================
       SECONDARY / ACCENT COLORS
       ===================================================== */

    --pbmit-secondary-color: #010d27;
    --pbmit-secondary-color-rgb: 1, 13, 39;

    --pbmit-accent-color: #e8b040;
    --pbmit-accent-color-rgb: 232, 176, 64;

    --pbmit-light-color: #f0f7fd;
    --pbmit-light-green-color: #f1f8f5;

    --pbmit-white-color: #ffffff;
    --pbmit-white-color-rgb: 255, 255, 255;

    --pbmit-black-color: #000000;
    --pbmit-black-color-rgb: 0, 0, 0;


    /* =====================================================
       DARK / BLACKISH THEME
       ===================================================== */

    --pbmit-blackish-color: #012D3D;
    --pbmit-blackish-color-rgb: 1, 45, 61;

    --pbmit-blackish-gradient: linear-gradient(
        135deg,
        #012D3D 0%,
        #006666 55%,
        #008000 100%
    );

    --pbmit-blackish-bg-color-rgb: 1, 45, 61;


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

    --pbmit-link-color-normal: #006f6f;
    --pbmit-link-color-hover: #e8b040;

    --pbmit-link-gradient: linear-gradient(
        135deg,
        #012D3D,
        #008080,
        #008000
    );


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

    --pbmit-heading-color: #012D3D;

    --pbmit-heading-gradient: linear-gradient(
        135deg,
        #012D3D 0%,
        #008080 55%,
        #008000 100%
    );


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

    --pbmit-border-color: #dce9e5;
    --pbmit-border-color-light: #edf5f2;

    --pbmit-border-gradient: linear-gradient(
        135deg,
        #012D3D,
        #008080,
        #008000
    );


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

    --pbmit-body-bg-color: #ffffff;

    --pbmit-light-bg-color: #f5faf8;

    --pbmit-section-bg-color: #f0f8f5;

    --pbmit-section-gradient: linear-gradient(
        135deg,
        rgba(1, 45, 61, 0.06),
        rgba(0, 128, 128, 0.08),
        rgba(0, 128, 0, 0.06)
    );


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

    --pbmit-btn-bg: linear-gradient(
        135deg,
        #012D3D,
        #008080,
        #008000
    );

    --pbmit-btn-bg-hover: linear-gradient(
        135deg,
        #008000,
        #008080,
        #012D3D
    );

    --pbmit-btn-color: #ffffff;


    /* =====================================================
       BOX SHADOWS
       ===================================================== */

    --pbmit-box-shadow:
        0 12px 35px rgba(1, 45, 61, 0.10);

    --pbmit-box-shadow-hover:
        0 18px 45px rgba(0, 128, 128, 0.18);


    /* =====================================================
       BODY TYPOGRAPHY
       ===================================================== */

    --pbmit-body-typography-font-family:
        'Roboto', sans-serif;

    --pbmit-body-typography-variant:
        regular;

    --pbmit-body-typography-font-size:
        16px;

    --pbmit-body-typography-line-height:
        1.5;

    --pbmit-body-typography-color:
        #6e778c;


    /* =====================================================
       HEADING TYPOGRAPHY
       ===================================================== */

    --pbmit-heading-typography-font-family:
        'Sora', sans-serif;

    --pbmit-heading-font-variant:
        500;


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

    --pbmit-btn-typography-font-family:
        'Sora', sans-serif;

    --pbmit-btn-typography-variant:
        500;

    --pbmit-btn-typography-font-size:
        13px;

    --pbmit-btn-typography-line-height:
        23px;


    /* =====================================================
       RESPONSIVE
       ===================================================== */

    --pbmit-responsive-breakpoint:
        1200px;
}