:root {
    --primary: #B3E719;
    --primarydark: #1B2D00;
    --primarylight: #B3E719;
       --primary-hover: #B3E719;
    --secondary: #1B4C40;
    --secondary-dark:#0C362C;
    --bodybg: #F8F8F8;
    --white: #fff;
    --bodyfg: #fff;
    --bodytext: #687B76;
    --bodytext2: #687B76;
    --title: #1B4C40;
    --body-color: #687B76;
    --success: #08A36B;
    --bg-light:#F8F8F8;
    --font-family-title: Red Hat Display, sans-serif;
    --font-family-base: Red Hat Display, sans-serif;
    
    ::selection {
      color: #ffffff;          
      background: var(--primary);
    }

      [data-theme-version="dark"]{
        --secondary: #1B4C40;
        --secondary-dark:#0C362C;
        --primary-white: #1B2D00;
        --body-color: #fff;
        --bodybg: #001F17;
        --title: var(--secondary);
        --bodytext: #fff;
        --bodytext2: #687B76;
        --white: #fff;
        --bs-heading-color: #fff;
        --bg-light: var(--bodybg);
         --bs-white-rgb:  var(--white);
        --bg-white: var(--bs-white-rgb);
        --text-light: var(--white); 
        --bg-light:var(--bodybg) ;
        background:var(--bodybg);

        
         .bg-white{
            background-color: var(--bodybg) !important;
          }
      }
      .section-head{
        .title{
          text-transform: inherit;
        }
      }

    img{
			border-radius: 15px;
		}
}