:root {
    --intered-primary: #418326;
    --intered-primary-bg: #418326;   
    --intered-secondary-purple: #873299;
    --intered-secondary-orange: #d93e00;
    --intered-menu-bg: #F0F5F8;
    --intered-text: #000000;
  }
  
  /* Primary color elements */
  .bg-primary,
  .btn-primary,
  .page-item.active .page-link {
    background-color: var(--intered-primary) !important;
    border-color: var(--intered-primary) !important;
  }
  
  .text-primary,
  .btn-outline-primary {
    color: var(--intered-primary) !important;
  }
  
  .btn-outline-primary {
    border-color: var(--intered-primary) !important;
  }
  
  .btn-outline-primary:hover {
    background-color: var(--intered-primary) !important;
    color: white !important;
  }
  
  /* Secondary purple color elements */
  .bg-secondary-purple {
    background-color: var(--intered-secondary-purple) !important;
  }
  
  .text-secondary-purple,
  .btn-outline-secondary-purple {
    color: var(--intered-secondary-purple) !important;
  }
  
  .btn-secondary-purple,
  .btn-outline-secondary-purple:hover {
    background-color: var(--intered-secondary-purple) !important;
    border-color: var(--intered-secondary-purple) !important;
    color: white !important;
  }
  
  .btn-outline-secondary-purple {
    border-color: var(--intered-secondary-purple) !important;
  }
  
  /* Secondary orange color elements */
  .bg-secondary-orange {
    background-color: var(--intered-secondary-orange) !important;
  }
  
  .text-secondary-orange,
  .btn-outline-secondary-orange {
    color: var(--intered-secondary-orange) !important;
  }
  
  .btn-secondary-orange,
  .btn-outline-secondary-orange:hover {
    background-color: var(--intered-secondary-orange) !important;
    border-color: var(--intered-secondary-orange) !important;
    color: white !important;
  }
  
  .btn-outline-secondary-orange {
    border-color: var(--intered-secondary-orange) !important;
  }
  
  /* Menu background color */
  .navbar-light {
    background-color: var(--intered-menu-bg) !important;
  }
  
  /* Links styling */
  a {
    color: var(--intered-primary);
    text-decoration: none;
  }
  
  a:hover {
    color: var(--intered-secondary-purple);
  }