/* ==========================================================================
   Ziara Destinations — Color Tokens
   Update the values below to re-theme the entire site.
   ========================================================================== */

:root {
  /* Brand */
  --ziara-primary:        #3D5323;   /* dark olive — nav, headings, primary actions */
  --ziara-primary-600:    #4A6330;
  --ziara-primary-700:    #2E401B;   /* hover / pressed state */
  --ziara-primary-100:    #E9EDE1;   /* tint for soft backgrounds */

  --ziara-accent:         #E89234;   /* warm orange — CTAs, highlights, crest */
  --ziara-accent-600:     #D67F22;
  --ziara-accent-100:     #FCEEDC;

  /* Neutrals */
  --ziara-ink:            #1B1B22;   /* body copy */
  --ziara-ink-soft:       #565A6E;   /* secondary text */
  --ziara-cream:          #F7F4EC;   /* warm section background */
  --ziara-line:           #E4E0D4;   /* hairline borders */
  --ziara-white:          #FFFFFF;

  /* Bootstrap variable overrides */
  --bs-primary: var(--ziara-primary);
  --bs-primary-rgb: 61, 83, 35;
  --bs-secondary: var(--ziara-ink-soft);
  --bs-light: var(--ziara-cream);
  --bs-dark: var(--ziara-ink);
  --bs-body-bg: #232B14;
  --bs-body-color: var(--ziara-ink);
  --bs-link-color: var(--ziara-primary);
  --bs-link-hover-color: var(--ziara-primary-700);
  --bs-border-color: var(--ziara-line);

  /* Global corner rounding — sm / normal only, never pill-shaped */
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius: 0.375rem;
  --bs-border-radius-lg: 0.5rem;
}

/* Bootstrap contextual color utilities remapped to brand tokens */
.text-primary        { color: var(--ziara-primary) !important; }
.bg-primary           { background-color: var(--ziara-primary) !important; }
.border-primary       { border-color: var(--ziara-primary) !important; }

.text-accent          { color: var(--ziara-accent) !important; }
.bg-accent            { background-color: var(--ziara-accent) !important; }
.border-accent        { border-color: var(--ziara-accent) !important; }

.bg-cream             { background-color: var(--ziara-cream) !important; }
.text-ink-soft        { color: var(--ziara-ink-soft) !important; }

/* Buttons */
.btn-primary {
  --bs-btn-bg: var(--ziara-primary);
  --bs-btn-border-color: var(--ziara-primary);
  --bs-btn-hover-bg: var(--ziara-primary-700);
  --bs-btn-hover-border-color: var(--ziara-primary-700);
  --bs-btn-active-bg: var(--ziara-primary-700);
  --bs-btn-active-border-color: var(--ziara-primary-700);
  --bs-btn-focus-shadow-rgb: 61, 83, 35;
}

.btn-accent {
  --bs-btn-color: var(--ziara-primary);
  --bs-btn-bg: var(--ziara-accent);
  --bs-btn-border-color: var(--ziara-accent);
  --bs-btn-hover-color: var(--ziara-primary);
  --bs-btn-hover-bg: var(--ziara-accent-600);
  --bs-btn-hover-border-color: var(--ziara-accent-600);
  --bs-btn-active-color: var(--ziara-primary);
  --bs-btn-active-bg: var(--ziara-accent-600);
  --bs-btn-active-border-color: var(--ziara-accent-600);
  font-weight: 600;
}

.btn-outline-primary {
  --bs-btn-color: var(--ziara-primary);
  --bs-btn-border-color: var(--ziara-primary);
  --bs-btn-hover-bg: var(--ziara-primary);
  --bs-btn-hover-border-color: var(--ziara-primary);
}

.btn-outline-light {
  --bs-btn-color: var(--ziara-white);
  --bs-btn-border-color: var(--ziara-white);
  --bs-btn-hover-bg: var(--ziara-white);
  --bs-btn-hover-color: var(--ziara-primary);
}

/* Pace.js loader — brand indigo progress bar (beats theme default red) */
.pace .pace-progress {
  background: var(--ziara-primary) !important;
}
.pace .pace-progress-inner {
  box-shadow: 0 0 10px var(--ziara-primary), 0 0 5px var(--ziara-primary) !important;
}
.pace .pace-activity {
  border-top-color: var(--ziara-primary) !important;
  border-left-color: var(--ziara-primary) !important;
}
.pace.pace-inactive {
  display: none;
}

/* Flatpickr calendar — brand colors (beats default blue) */
.flatpickr-day.selected,
.flatpickr-day.selected:hover,
.flatpickr-day.selected:focus {
  background: var(--ziara-primary) !important;
  border-color: var(--ziara-primary) !important;
}
.flatpickr-day:hover {
  background: var(--ziara-primary-100) !important;
  border-color: var(--ziara-primary-100) !important;
}
.flatpickr-day.today {
  border-color: var(--ziara-accent) !important;
}
.flatpickr-day.today:hover {
  background: var(--ziara-accent-100) !important;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: var(--ziara-primary) !important;
}