/* =========================================================
   SuretyGrid brand tokens — the one place the palette is set.
   Loaded on every page by Views/partials/brand_head.php; the older
   variables (--brand, --main-bg-color, --ds-primary…) point here.
   Values follow the brand PDF, see docs/brand/README.md.
   Emails, PDFs, JS and SVG attributes can't read these, so they carry
   the same values as literals (docs/brand/swap_colors.py keeps them in step).
   ========================================================= */
:root {
  --sg-navy: #1E3A5F;
  --sg-navy-rgb: 30, 58, 95;
  /* Lighter navy: the end of navy gradients, dark text on blue tints. */
  --sg-navy-2: #284C79;
  --sg-navy-hover: #172E4C;

  --sg-blue: #3B6EA8;
  --sg-blue-rgb: 59, 110, 168;
  --sg-blue-hover: #325E8F;
  /* Light brand blue for "Grid" and accents on navy (reversed logo), focus borders. */
  --sg-blue-light: #95B5DA;
  /* Tints, darkest to palest: info borders, badges, selected rows / soft panels. */
  --sg-blue-200: #C4D4E5;
  --sg-blue-100: #E2E9F2;
  --sg-blue-soft: #EFF3F8;

  /* Brand font, loaded by partials/brand_head. */
  --sg-font: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Bootstrap's body text, tooltips and popovers read these. html:root outranks
   Bootstrap's own :root, whichever stylesheet a page loads first. */
html:root {
  --bs-body-font-family: var(--sg-font);
  --bs-font-sans-serif: var(--sg-font);
}