/* CityCites — shared design tokens.
   Single source of truth for colors and shadows across every page.
   Loaded before each page's own <style> block, so pages can still add
   page-specific rules but must not redefine these values. */

:root{
  --bg:#f6f7f9;
  --panel:#ffffff;
  --ink:#0f172a;
  --muted:#6b7280;
  --line:#e5e7eb;

  --brand:#2563eb;
  --brand-600:#1e3fae;
  --trust:#0d9488;
  --trust-600:#0f766e;

  --card-shadow:0 12px 30px rgba(2,6,23,.06);

  /* Four-block category colors, used on the home page tiles */
  --social-bg:#ffe08a;
  --econ-bg:#bfe0ff;
  --env-bg:#b8f2b2;
  --pol-bg:#ffc0d9;
}

/* Current page in the top nav */
.navbar .nav-link.active{
  color:#ffffff !important;
  font-weight:600;
}

/* Visible keyboard focus, missing site-wide before */
a:focus-visible,
button:focus-visible{
  outline:2px solid var(--brand);
  outline-offset:2px;
  border-radius:3px;
}