/*
 * VOX Teneo – Harbor color overrides
 * Loaded LAST so these rules win over all Harbor/Clarity defaults.
 *
 * Strategy:
 *   1. Re-declare every action CSS variable with !important so even a
 *      dynamically-loaded theme file cannot revert them to blue.
 *   2. Directly override every hardcoded blue hex value that appears in
 *      Harbor's compiled CSS (no fallback to var() needed).
 *
 * Brand colors:
 *   Primary red  : hsl(10, 100%, 32%)  ≈ #a31b00
 *   Hover red    : hsl(10, 100%, 24%)  ≈ #7a1400
 *   Light red bg : hsl(10, 83%,  94%)  ≈ #fce3de
 */

/* ── 1. CSS custom properties ──────────────────────────────────────── */
:root {
  --clr-color-action-50:   hsl(10,  83%, 94%) !important;
  --clr-color-action-100:  hsl(10,  81%, 88%) !important;
  --clr-color-action-200:  hsl(10,  78%, 78%) !important;
  --clr-color-action-300:  hsl(10,  69%, 69%) !important;
  --clr-color-action-400:  hsl(10,  66%, 57%) !important;
  --clr-color-action-500:  hsl(10,  80%, 46%) !important;
  --clr-color-action-600:  hsl(10, 100%, 32%) !important;
  --clr-color-action-700:  hsl(10, 100%, 28%) !important;
  --clr-color-action-800:  hsl(10, 100%, 24%) !important;
  --clr-color-action-900:  hsl(10, 100%, 21%) !important;
  --clr-color-action-1000: hsl(10, 100%, 15%) !important;
  /* visited links: hsl(238,...) was not caught by the hsl(198)→hsl(10) sed patch */
  --clr-link-visited-color:       hsl(10, 100%, 32%) !important;
  --clr-link-visited-color-hover: hsl(10, 100%, 28%) !important;
}

/* ── 2. Primary buttons ─────────────────────────────────────────────── */
.btn.btn-primary,
.btn-primary .btn {
  background-color: hsl(10, 100%, 32%) !important;
  border-color:     hsl(10, 100%, 32%) !important;
}
.btn.btn-primary:hover,
.btn-primary .btn:hover {
  background-color: hsl(10, 100%, 24%) !important;
  border-color:     hsl(10, 100%, 24%) !important;
}
.btn.btn-primary:active,
.btn-primary .btn:active {
  /* replaces the hardcoded #179bd3 box-shadow */
  box-shadow: 0 .1rem hsl(10, 80%, 46%) inset !important;
}

/* ── 3. Outline / secondary / default buttons ───────────────────────── */
.btn.btn-secondary,
.btn.btn-info,
.btn.btn-outline,
.btn.btn-primary-outline,
.btn.btn-secondary-outline,
.btn.btn-outline-primary,
.btn.btn-outline-secondary,
.btn.btn-info-outline,
.btn-secondary .btn,
.btn-info .btn,
.btn-outline .btn,
.btn-primary-outline .btn,
.btn-secondary-outline .btn,
.btn-outline-primary .btn,
.btn-outline-secondary .btn,
.btn-info-outline .btn,
.btn-outline-info .btn {
  border-color: hsl(10, 100%, 32%) !important;
  color:        hsl(10, 100%, 32%) !important;
}
.btn.btn-secondary:hover,
.btn.btn-info:hover,
.btn.btn-outline:hover,
.btn.btn-primary-outline:hover,
.btn.btn-secondary-outline:hover,
.btn.btn-outline-primary:hover,
.btn.btn-outline-secondary:hover,
.btn.btn-info-outline:hover,
.btn-secondary .btn:hover,
.btn-info .btn:hover,
.btn-outline .btn:hover,
.btn-primary-outline .btn:hover,
.btn-secondary-outline .btn:hover,
.btn-outline-primary .btn:hover,
.btn-outline-secondary .btn:hover,
.btn-info-outline .btn:hover,
.btn-outline-info .btn:hover {
  /* replaces #e3f5fc (light harbor blue hover bg) */
  background-color: hsl(10, 83%, 94%) !important;
  color:            hsl(10, 100%, 24%) !important;
}
.btn.btn-secondary:visited,
.btn.btn-info:visited,
.btn.btn-outline:visited,
.btn-outline .btn:visited {
  color: hsl(10, 100%, 32%) !important;
}

/* icon color inside non-primary buttons */
.btn cds-icon,
.btn clr-icon {
  color: hsl(10, 100%, 32%) !important;
}

/* ── 4. Datagrid filter icon (hardcoded #0072a3) ────────────────────── */
.datagrid-table .datagrid-column .datagrid-filter-toggle.datagrid-filter-open cds-icon,
.datagrid-table .datagrid-column .datagrid-filter-toggle.datagrid-filter-open clr-icon,
.datagrid-table .datagrid-column .datagrid-filter-toggle.datagrid-filtered cds-icon,
.datagrid-table .datagrid-column .datagrid-filter-toggle.datagrid-filtered clr-icon {
  color: hsl(10, 100%, 32%) !important;
}

/* ── 5. Header background (belt-and-suspenders for setting.json) ───── */
.header,
.main-nav {
  background-color: #0F0E2D !important;
}

/* ── 6. Visited links ───────────────────────────────────────────────── */
/* Clarity/Harbor leaves visited link color as hsl(238,...) blue-purple  */
/* which is not patched by the sed hsl(198)→hsl(10) Dockerfile step.     */
a:visited {
  color: hsl(10, 100%, 32%) !important;
}
a:visited:hover {
  color: hsl(10, 100%, 28%) !important;
}