/* ==============================================================
   Brand theme — the UNBRANDED deployment
   (edmontonpropertyassessment.com).
   Loaded AFTER styles.css / report.css / pdf.css, so it only names
   the tokens that differ from the shared defaults.

   Accent is a SOLD-sign red. Two things had to be checked before
   committing to it, and both are worth re-checking if it moves:

   1. White text on #c0392b is 5.44:1 — clears AA for button labels.
   2. Red is already the *sold comparable* series in every chart, so
      the accent must never be borrowed as a chart colour. The chart
      tokens below are pinned to the values js/charts.js actually
      draws with, NOT to --accent. An earlier version pointed
      --cat-active at the accent, which made the legend swatch
      disagree with the dots on the chart.
   ============================================================== */

:root {
  --accent: #c0392b;
  --accent-dark: #a53224;
  --accent-soft: #fae9e6;
}

/* Pinned to js/charts.js `const C`. Do not point these at --accent. */
:root {
  --cat-active: #005daa;
  --cat-sold: #c0392b;
}

/* The wordmark is a two-word name, not a plus-sign lockup. The base logotype
   is a flex row, which collapses a plain text space to nothing and lets the
   long name wrap mid-word — so the separator span is given an explicit width
   and wrapping is turned off. */
.nav__logotype,
.rpt-top .nav__logotype {
  font-size: 0.98rem;
  letter-spacing: -0.01em;
  white-space: nowrap;
  flex: none;
}
.nav__logotype .nav__plus {
  width: 0.34em;
  margin: 0;
  flex: none;
}
/* "Property Assessment" reads as the qualifier; keep it lighter than the city. */
.nav__logotype > :last-child { font-weight: 400; color: var(--ink-2); }

@media (max-width: 900px) {
  .nav__logotype, .rpt-top .nav__logotype { font-size: 0.9rem; }
}

/* Form-validation red has to stay distinguishable from a red brand, so it goes
   darker and carries weight rather than relying on hue alone. */
.err { color: #8a1c14; font-weight: 500; }