:root {
  /* Primary Brand Colors */
  --primary-color: #bc9761;  /* Presidential Gold */
  --primary-color-rgb: 188, 151, 97;
  
  --secondary-color: #00243b;  /* Dark Navy */
  --secondary-color-rgb: 0, 36, 59;
  
  /* Accent Colors */
  --accent-green: #3b6e54;  /* Olive Green */
  --accent-green-rgb: 59, 110, 84;
  
  /* Text Colors */
  --text-primary: #fdfefd;  /* Off-White */
  --text-primary-rgb: 253, 254, 253;
  
  /* Background Colors */
  --bg-dark: #00243b;  /* Dark Navy Background */
  --bg-dark-rgb: 0, 36, 59;
  
  /* Additional UI Colors */
  --border-color: rgba(188, 151, 97, 0.3);  /* Gold with transparency */
  --hover-color: #d4af37;  /* Lighter gold for hover states */
  --hover-color-rgb: 212, 175, 55;
  
  /* Button Colors */
  --btn-primary-bg: #bc9761;
  --btn-primary-text: #00243b;
  --btn-secondary-bg: transparent;
  --btn-secondary-border: #bc9761;
  --btn-secondary-text: #bc9761;
  
  /* Overlay Colors */
  --overlay-dark: rgba(0, 36, 59, 0.9);
  --overlay-light: rgba(188, 151, 97, 0.1);
}

/* Override dark scheme backgrounds */
.dark-scheme {
  background-color: var(--bg-dark) !important;
}

.section-dark {
  background-color: var(--bg-dark) !important;
}

/* Text color overrides */
.text-light {
  color: var(--text-primary) !important;
}

/* Button style overrides */
.btn-main {
  background: var(--btn-primary-bg) !important;
  color: var(--btn-primary-text) !important;
  border-color: var(--btn-primary-bg) !important;
}

.btn-main:hover {
  background: var(--hover-color) !important;
  border-color: var(--hover-color) !important;
}

.btn-line {
  background: var(--btn-secondary-bg) !important;
  color: var(--btn-secondary-text) !important;
  border-color: var(--btn-secondary-border) !important;
}

/* Accent color classes */
.accent-green {
  color: var(--accent-green) !important;
}

.bg-accent-green {
  background-color: var(--accent-green) !important;
}

/* ID color (icon colors) */
.id-color {
  color: var(--primary-color) !important;
}

/* Form controls */
.form-control {
  background-color: rgba(0, 36, 59, 0.5) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}

.form-control:focus {
  background-color: rgba(0, 36, 59, 0.7) !important;
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 0 0.2rem rgba(188, 151, 97, 0.25) !important;
}

/* Select dropdowns */
select.form-control option {
  background-color: var(--bg-dark) !important;
  color: var(--text-primary) !important;
}