:root {
  --black-green: #111C18;
  --gray: #707070;
  --green: #6AB598;
  --dark-green: #354E3F;
  --mint: #AFFAC4;
  --light-gray: #F2F2F2;
  --medium-gray: #BEBEBE;
}
  /* .c-primary-font{
    font-family: "Nunito Sans", sans-serif;
  } */
  body{
    font-family: "Nunito Sans", sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }


/* Background colors */
.c-bg-black-green  { background-color: var(--black-green); }
.c-bg-gray         { background-color: var(--gray); }
.c-bg-green        { background-color: var(--green); }
.c-bg-dark-green   { background-color: var(--dark-green); }
.c-bg-mint         { background-color: var(--mint); }
.c-bg-light-gray   { background-color: var(--light-gray); }
.c-bg-medium-gray  { background-color: var(--medium-gray); }

/* Text colors */
.c-text-black-green  { color: var(--black-green); }
.c-text-gray         { color: var(--gray); }
.c-text-green        { color: var(--green); }
.c-text-dark-green   { color: var(--dark-green); }
.c-text-mint         { color: var(--mint); }
.c-text-light-gray   { color: var(--light-gray); }
.c-text-medium-gray  { color: var(--medium-gray); }

/* Border colors */
.c-border-black-green  { border-color: var(--black-green); }
.c-border-gray         { border-color: var(--gray); }
.c-border-green        { border-color: var(--green); }
.c-border-dark-green   { border-color: var(--dark-green); }
.c-border-mint         { border-color: var(--mint); }
.c-border-light-gray   { border-color: var(--light-gray); }
.c-border-medium-gray  { border-color: var(--medium-gray); }


.glass-background-dark {
    background: rgba(22, 35, 27, 0.40); /* #16231B with 40% opacity */
  backdrop-filter: blur(5px) brightness(0.65);
  -webkit-backdrop-filter: blur(5px) brightness(0.65);
  border-right: 1px solid rgba(106, 181, 152, 0.5); /* #6AB598 at 50% opacity */
  padding: 40px;
  color: white;
}