/**
 * KGC logo palette: teal primary, coral accent, and warm orange highlights.
 */

:root {
  --brand-primary: #087f8c;
  --brand-primary-hover: #066773;
  --brand-primary-soft: #e6f4f4;

  --brand-accent: #ef4056;
  --brand-accent-hover: #cd2941;
  --brand-accent-rgb: 239, 64, 86;
  --brand-highlight: #ff7955;
  --brand-gradient: linear-gradient(135deg, #ef4056, #ff7955);

  --brand-dark: #12383f;
  --brand-light: #ffffff;
  --brand-muted: #f2f9f9;

  /* Bootstrap theme tokens */
  --bs-primary: var(--brand-primary);
  --bs-primary-rgb: 8, 127, 140;
  --bs-link-color: var(--brand-primary);
  --bs-link-hover-color: var(--brand-primary-hover);

  /* Bootstrap 5.3+ optional tokens (safe no-ops on 5.2) */
  --bs-primary-text-emphasis: var(--brand-primary-hover);
  --bs-primary-bg-subtle: var(--brand-primary-soft);
  --bs-primary-border-subtle: #acd9dc;
}

/* Ensure Bootstrap buttons follow brand colors (Bootstrap 5.x uses CSS vars per variant) */
.btn-primary {
  --bs-btn-color: #ffffff;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-active-color: #ffffff;
  --bs-btn-bg: var(--brand-primary);
  --bs-btn-border-color: var(--brand-primary);
  --bs-btn-hover-bg: var(--brand-primary-hover);
  --bs-btn-hover-border-color: var(--brand-primary-hover);
  --bs-btn-active-bg: var(--brand-primary-hover);
  --bs-btn-active-border-color: var(--brand-primary-hover);
  --bs-btn-focus-shadow-rgb: 8, 127, 140;
}

.btn-outline-primary {
  --bs-btn-hover-color: #ffffff;
  --bs-btn-active-color: #ffffff;
  --bs-btn-color: var(--brand-primary);
  --bs-btn-border-color: var(--brand-primary);
  --bs-btn-hover-bg: var(--brand-primary);
  --bs-btn-hover-border-color: var(--brand-primary);
  --bs-btn-active-bg: var(--brand-primary);
  --bs-btn-active-border-color: var(--brand-primary);
  --bs-btn-focus-shadow-rgb: 8, 127, 140;
}

/* Backfill subtle utility classes if Bootstrap build doesn't include them */
.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}

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

.form-control:focus,
.form-select:focus {
  border-color: #65b4bd;
  box-shadow: 0 0 0 0.25rem rgba(8, 127, 140, 0.18);
}

.form-check-input:checked {
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
}

::selection {
  color: #ffffff;
  background: var(--brand-primary);
}