:root{

    /* Brand Colors */

    --primary:#0BDA07;
    --secondary:#80CE0A;
    --accent:#00C083;
    --teal:#008685;
    --dark:#133642;
    --black:#000000;
    --gray:#A4ABA5;

    /* Common */

    --white:#FFFFFF;
    --light:#F8F9FA;
    --border:#E5E7EB;

    --radius:12px;

    --transition:all .3s ease;

    --container:1320px;

    /* Typography */

    --font-primary:'Poppins',sans-serif;

    /* Type scale (1.2 ratio, 16px base) */

    --fs-sm:.875rem;    /* 14px */
    --fs-base:1rem;     /* 16px */
    --fs-md:1.125rem;   /* 18px */
    --fs-lg:1.25rem;    /* 20px */
    --fs-xl:1.5rem;     /* 24px */
    --fs-2xl:1.875rem;  /* 30px */
    --fs-3xl:2.25rem;   /* 36px */
    --fs-4xl:2.75rem;   /* 44px */
    --fs-5xl:3.5rem;    /* 56px */
    --fs-6xl:4rem;      /* 64px  - hero heading */
    --fs-7xl:5rem;      /* 80px  - display heading */

}

.btn-primary{

    background:var(--primary);
    border-color:var(--primary);
}

.btn-primary:hover{

    background:var(--secondary);
    border-color:var(--secondary);

}

h1,h2,h3,h4,h5,h6{

    color:var(--dark);

}

a{

    color:var(--dark);

}

a:hover{

    color:var(--primary);

}
.bg-dark{

    background:var(--dark)!important;

}

.bg-light{

    background:#F8F9FA;

}

.bg-primary{

    background:var(--primary)!important;

}