/* Small shared polish for older global components. */

:root {
  --cpac-brand: #78155b;
  --cpac-brand-dark: #4f0d3c;
  --cpac-gold: #f4a51c;
  --cpac-border: rgba(120, 21, 91, .14);
}

html {
  text-rendering: optimizeLegibility;
}

img {
  max-width: 100%;
}

.btn-primary,
button[type="submit"] {
  border-color: var(--cpac-brand) !important;
}

.btn-primary:hover,
.btn-primary:focus-visible,
button[type="submit"]:hover,
button[type="submit"]:focus-visible {
  border-color: var(--cpac-brand-dark) !important;
}

.page-banner .breadcumb,
.breadcumb {
  color: rgba(255,255,255,.78);
}

.page-banner .breadcumb a,
.breadcumb a {
  color: #fff;
}

.page-banner .breadcumb a:hover,
.breadcumb a:hover {
  color: var(--cpac-gold);
}

.accordion-button {
  letter-spacing: 0;
}

.accordion-body {
  line-height: 1.7;
}

.cpac-table {
  border: 1px solid rgba(120,21,91,.14);
  border-radius: 8px;
}

.cpac-table thead {
  background: var(--cpac-brand);
}

.cpac-table th,
.cpac-table td {
  border-color: rgba(120,21,91,.12);
}

.form-control,
.form-select {
  color: #17131a;
}

.form-control::placeholder {
  color: #817888;
}

@media (max-width: 575px) {
  .container,
  .container-fluid {
    --bs-gutter-x: 1.25rem;
  }
}
