/***
  Change bootstrap default theme
***/

:root {
  /* Success - Teal Green Option */
  --bs-success: #108d8d;
  --bs-success-rgb: 16, 141, 141;

  /* Primary Color: The Orange/Gold from your header */
  --bs-primary: #e69a31;
  --bs-primary-rgb: 230, 154, 49;

  /* Secondary Color: Light Gray */
  --bs-secondary: #ebebeb;
  --bs-secondary-rgb: 235, 235, 235;

  /* Light Color: The light gray/beige used in your table headers */
  --bs-light: #f2f2f2;
  --bs-light-rgb: 242, 242, 242;

  /* Success/Warning/Danger */
  --bs-warning: #e69a31;
  --bs-warning-rgb: 230, 154, 49;
}

.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: #c78125; /* A slightly darker shade for hover */
  --bs-btn-hover-border-color: #c78125;
  color: #fff;
}

/* UPDATED Styling for the Gray secondary buttons */
.btn-secondary {
  --bs-btn-color: #333;
  --bs-btn-bg: var(--bs-secondary);
  --bs-btn-border-color: #adadad;
  
  /* Hover states (slightly darker gray) */
  --bs-btn-hover-color: #333;
  --bs-btn-hover-bg: #d9d9d9; 
  --bs-btn-hover-border-color: #a1a1a1;
  
  /* Active states */
  --bs-btn-active-color: #333;
  --bs-btn-active-bg: #cccccc;
  --bs-btn-active-border-color: #949494;

  /* Ensure text color is applied */
  color: var(--bs-btn-color);
}