/*
  Color system. Edit the hex values to re-brand the whole site.
  Overrides Bootstrap 5.3 CSS variables (light + dark mode).
  red #e12729 | orange #f37324 | yellow #f8cc1b | light green #72b043 | green #007f4e
*/

:root {
  /* Brand palette */
  --bs-primary: #f37324;
  --bs-primary-rgb: 243,115,36;
  --bs-secondary: #007f4e;
  --bs-secondary-rgb: 0,127,78;
  --bs-success: #72b043;
  --bs-success-rgb: 114,176,67;
  --bs-info: #007f4e;
  --bs-info-rgb: 0,127,78;
  --bs-warning: #f8cc1b;
  --bs-warning-rgb: 248,204,27;
  --bs-danger: #e12729;
  --bs-danger-rgb: 225,39,41;
  --bs-light: #fff3d1;
  --bs-light-rgb: 255,243,209;
  --bs-dark: #00432b;
  --bs-dark-rgb: 0,67,43;

  /* Light mode: warm cream background, deep green-black ink */
  --bs-body-color: #1d2b24;
  --bs-body-color-rgb: 29,43,36;
  --bs-body-bg: #fffdf6;
  --bs-body-bg-rgb: 255,253,246;
  --bs-emphasis-color: #0f1a14;
  --bs-emphasis-color-rgb: 15,26,20;
  --bs-secondary-color: #4a6358;
  --bs-secondary-bg: #e8f1e3;
  --bs-tertiary-bg: #fff3d1;
  --bs-border-color: #dfe8d8;
  --bs-heading-color: #0f1a14;
  --bs-link-color: #007f4e;
  --bs-link-color-rgb: 0,127,78;
  --bs-link-hover-color: #e12729;
  --bs-link-hover-color-rgb: 225,39,41;
  --bs-focus-ring-color: rgba(243,115,36, .4);
}

[data-bs-theme="dark"] {
  --bs-body-color: #eaf3ee;
  --bs-body-color-rgb: 234,243,238;
  --bs-body-bg: #00432b;
  --bs-body-bg-rgb: 0,67,43;
  --bs-emphasis-color: #ffffff;
  --bs-emphasis-color-rgb: 255,255,255;
  --bs-secondary-color: #b6d2c4;
  --bs-secondary-bg: #005a3a;
  --bs-tertiary-bg: #004d32;
  --bs-border-color: #0a6a49;
  --bs-heading-color: #ffffff;
  --bs-link-color: #f8cc1b;
  --bs-link-color-rgb: 248,204,27;
  --bs-link-hover-color: #f37324;
  --bs-link-hover-color-rgb: 243,115,36;
  --bs-focus-ring-color: rgba(248,204,27, .4);
}

/* Buttons: Bootstrap compiles its button colors, so they are set here (text color picked for contrast) */
.btn-primary {
  --bs-btn-color: #1d2b24; --bs-btn-bg: #f37324; --bs-btn-border-color: #f37324;
  --bs-btn-hover-color: #1d2b24; --bs-btn-hover-bg: #d66520; --bs-btn-hover-border-color: #d66520;
  --bs-btn-active-color: #1d2b24; --bs-btn-active-bg: #c25c1d; --bs-btn-active-border-color: #c25c1d;
  --bs-btn-disabled-color: #1d2b24; --bs-btn-disabled-bg: #f37324; --bs-btn-disabled-border-color: #f37324;
  --bs-btn-focus-shadow-rgb: 243,115,36;
}
.btn-secondary {
  --bs-btn-color: #ffffff; --bs-btn-bg: #007f4e; --bs-btn-border-color: #007f4e;
  --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: #007045; --bs-btn-hover-border-color: #007045;
  --bs-btn-active-color: #ffffff; --bs-btn-active-bg: #00663e; --bs-btn-active-border-color: #00663e;
  --bs-btn-disabled-color: #ffffff; --bs-btn-disabled-bg: #007f4e; --bs-btn-disabled-border-color: #007f4e;
  --bs-btn-focus-shadow-rgb: 0,127,78;
}
.btn-success {
  --bs-btn-color: #1d2b24; --bs-btn-bg: #72b043; --bs-btn-border-color: #72b043;
  --bs-btn-hover-color: #1d2b24; --bs-btn-hover-bg: #649b3b; --bs-btn-hover-border-color: #649b3b;
  --bs-btn-active-color: #1d2b24; --bs-btn-active-bg: #5b8d36; --bs-btn-active-border-color: #5b8d36;
  --bs-btn-disabled-color: #1d2b24; --bs-btn-disabled-bg: #72b043; --bs-btn-disabled-border-color: #72b043;
  --bs-btn-focus-shadow-rgb: 114,176,67;
}
.btn-info {
  --bs-btn-color: #ffffff; --bs-btn-bg: #007f4e; --bs-btn-border-color: #007f4e;
  --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: #007045; --bs-btn-hover-border-color: #007045;
  --bs-btn-active-color: #ffffff; --bs-btn-active-bg: #00663e; --bs-btn-active-border-color: #00663e;
  --bs-btn-disabled-color: #ffffff; --bs-btn-disabled-bg: #007f4e; --bs-btn-disabled-border-color: #007f4e;
  --bs-btn-focus-shadow-rgb: 0,127,78;
}
.btn-warning {
  --bs-btn-color: #1d2b24; --bs-btn-bg: #f8cc1b; --bs-btn-border-color: #f8cc1b;
  --bs-btn-hover-color: #1d2b24; --bs-btn-hover-bg: #dab418; --bs-btn-hover-border-color: #dab418;
  --bs-btn-active-color: #1d2b24; --bs-btn-active-bg: #c6a316; --bs-btn-active-border-color: #c6a316;
  --bs-btn-disabled-color: #1d2b24; --bs-btn-disabled-bg: #f8cc1b; --bs-btn-disabled-border-color: #f8cc1b;
  --bs-btn-focus-shadow-rgb: 248,204,27;
}
.btn-danger {
  --bs-btn-color: #ffffff; --bs-btn-bg: #e12729; --bs-btn-border-color: #e12729;
  --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: #c62224; --bs-btn-hover-border-color: #c62224;
  --bs-btn-active-color: #ffffff; --bs-btn-active-bg: #b41f21; --bs-btn-active-border-color: #b41f21;
  --bs-btn-disabled-color: #ffffff; --bs-btn-disabled-bg: #e12729; --bs-btn-disabled-border-color: #e12729;
  --bs-btn-focus-shadow-rgb: 225,39,41;
}

.btn-outline-primary {
  --bs-btn-color: #c4540a; --bs-btn-border-color: #f37324;
  --bs-btn-hover-color: #1d2b24; --bs-btn-hover-bg: #f37324; --bs-btn-hover-border-color: #f37324;
  --bs-btn-active-color: #1d2b24; --bs-btn-active-bg: #c25c1d; --bs-btn-active-border-color: #c25c1d;
  --bs-btn-focus-shadow-rgb: 243,115,36;
}
[data-bs-theme="dark"] .btn-outline-primary { --bs-btn-color: #f37324; --bs-btn-border-color: #f37324; }

.text-bg-primary { color: #1d2b24 !important; }
.text-bg-success { color: #1d2b24 !important; }
.text-bg-warning { color: #1d2b24 !important; }
::selection { background: #f8cc1b; color: #1d2b24; }