/* =============================================
   Brand Color Variables — Marisol Software
   Sampled from the elephant logo gradient.
   ============================================= */

:root {
  /* Primary: deep crimson — for text, icons, borders */
  --color-primary:       #C0282D;
  /* Secondary: coral — lighter logo gradient accent */
  --color-secondary:     #E8705A;
  /* Dark: shadow red — logo ear/depth tone */
  --color-primary-dark:  #8B1A1E;
  /* Light: peach — logo trunk highlight, used for backgrounds */
  --color-primary-light: #F5C4A8;
  /* Background accent: warm peach — for section/button backgrounds */
  --color-bg-primary:    #FDEADE;

  /* ---- Bootstrap 5 utility overrides ---- */
  --bs-primary:          var(--color-primary);
  --bs-primary-rgb:      192, 40, 45;
  --bs-link-color:       var(--color-primary);
  --bs-link-hover-color: var(--color-primary-dark);
}

/* Bootstrap component overrides — coral bg with dark text for readability */
.btn-primary {
  --bs-btn-bg:                 var(--color-secondary);
  --bs-btn-border-color:       var(--color-secondary);
  --bs-btn-color:              #fff;
  --bs-btn-hover-bg:           var(--color-primary);
  --bs-btn-hover-border-color: var(--color-primary);
  --bs-btn-hover-color:        #fff;
  --bs-btn-active-bg:          var(--color-primary-dark);
  --bs-btn-active-border-color:var(--color-primary-dark);
  --bs-btn-focus-shadow-rgb:   232, 112, 90;
}

.text-primary {
  color: var(--color-primary) !important;
}

.border-primary {
  border-color: var(--color-primary) !important;
}