:root{
    --theme-light-pink: #FDEDED;
    --theme-soft-pink: #F08E92;
    --theme-medium-pink: #EA565B;
    --theme-bright-red: #E21E23;
    --theme-dark-red: #AB151A;
    --theme-deep-red: #730E12;
    --theme-dark-maroon: #390709;

    --theme-ivory: #FAF6F0;
    --color-cream: #F5EFE5;
    --theme-sand: #E5D5B9;
    --theme-beige: #D8C096;
    --theme-wheat: #CBAB73;
    --theme-ochre: #BF9650 ;
    --theme-brown: #846531;
    --theme-dark-brown: #423318;

    --theme-white: #FFFFFF;
    --theme-light-gray: #D3D3D2;
    --theme-gray: #A9A9A7;
    --theme-dark-gray: #80807E;
    --theme-charcoal: #5A5A58;
    --theme-almost-black: #363634;
    --theme-black: #161613;


    

}



/* Text Color Classes */
.theme-text-light-pink {
    color: var(--theme-light-pink);
  }
  
  .theme-text-soft-pink {
    color: var(--theme-soft-pink);
  }
  
  .theme-text-medium-pink {
    color: var(--theme-medium-pink);
  }
  
  .theme-text-bright-red {
    color: var(--theme-bright-red);
  }
  
  .theme-text-dark-red {
    color: var(--theme-dark-red);
  }
  
  .theme-text-deep-red {
    color: var(--theme-deep-red);
  }
  
  .theme-text-dark-maroon {
    color: var(--theme-dark-maroon);
  }

  .theme-text-ivory {
    color: var(--theme-ivory);
  }
  .theme-text-cream {
    color: var(--color-cream);
  }
  
  .theme-text-sand {
    color: var(--theme-sand);
  }
  
  .theme-text-beige {
    color: var(--theme-beige);
  }
  
  .theme-text-wheat {
    color: var(--theme-wheat);
  }
  
  .theme-text-ochre {
    color: var(--theme-ochre);
  }
  
  .theme-text-brown {
    color: var(--theme-brown);
  }
  
  .theme-text-dark-brown {
    color: var(--theme-dark-brown);
  }
  
  .theme-text-white {
    color: var(--theme-white);
  }
  
  .theme-text-light-gray {
    color: var(--theme-light-gray);
  }
  
  .theme-text-gray {
    color: var(--theme-gray);
  }
  
  .theme-text-dark-gray {
    color: var(--theme-dark-gray);
  }
  
  .theme-text-charcoal {
    color: var(--theme-charcoal);
  }
  
  .theme-text-almost-black {
    color: var(--theme-almost-black);
  }
  
  .theme-text-black {
    color: var(--theme-black);
  }

  
  /* Background Color Classes */
  .theme-bg-light-pink {
    background-color: var(--theme-light-pink);
  }
  
  .theme-bg-soft-pink {
    background-color: var(--theme-soft-pink);
  }
  
  .theme-bg-medium-pink {
    background-color: var(--theme-medium-pink);
  }
  
  .theme-bg-bright-red {
    background-color: var(--theme-bright-red);
  }
  
  .theme-bg-dark-red {
    background-color: var(--theme-dark-red);
  }
  
  .theme-bg-deep-red {
    background-color: var(--theme-deep-red);
  }
  
  .theme-bg-dark-maroon {
    background-color: var(--theme-dark-maroon);
  }


  .theme-bg-ivory {
    background-color: var(--theme-ivory);
  }
  .theme-bg-cream {
    background-color: var(--color-cream);
  }
  
  .theme-bg-sand {
    background-color: var(--theme-sand);
  }
  
  .theme-bg-beige {
    background-color: var(--theme-beige);
  }
  
  .theme-bg-wheat {
    background-color: var(--theme-wheat);
  }
  
  .theme-bg-ochre {
    background-color: var(--theme-ochre);
  }
  
  .theme-bg-brown {
    background-color: var(--theme-brown);
  }
  
  .theme-bg-dark-brown {
    background-color: var(--theme-dark-brown);
  }
  
  .theme-bg-white {
    background-color: var(--theme-white);
  }
  
  .theme-bg-light-gray {
    background-color: var(--theme-light-gray);
  }
  
  .theme-bg-gray {
    background-color: var(--theme-gray);
  }
  
  .theme-bg-dark-gray {
    background-color: var(--theme-dark-gray);
  }
  
  .theme-bg-charcoal {
    background-color: var(--theme-charcoal);
  }
  
  .theme-bg-almost-black {
    background-color: var(--theme-almost-black);
  }
  
  .theme-bg-black {
    background-color: var(--theme-black);
  }