/*
 * Gatekeeper brand override for the vendored INSPINIA v5 landing theme.
 * INSPINIA drives every accent off the --theme-primary* custom properties
 * (e.g. .btn-primary uses --theme-btn-bg: var(--theme-primary)); the bundle
 * defines NO --bs-primary CSS variable, so the --theme-* block below is the
 * real rebrand lever. Must load AFTER app.min.css: these :root values then win
 * by source order (equal specificity to INSPINIA's own :root, default skin).
 * The --bs-* lines are an inert defensive fallback for any raw Bootstrap
 * component that might read them.
 */

/* Lato is NOT one of INSPINIA's bundled fonts (app.min.css @imports its own
 * set), so load it here. Per CSS spec @import must precede every style rule. */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');

:root {
  /* Body + heading font. INSPINIA drives every text element off
   * --theme-font-sans-serif (font-family:var(--theme-font-sans-serif)).
   * Overriding only this var keeps the maroon default skin intact. */
  --theme-font-sans-serif: 'Lato', sans-serif;
  --theme-font-family-secondary: 'Lato', sans-serif;

  --theme-primary: #a80a42;
  --theme-primary-rgb: 168, 10, 66;
  --theme-primary-text-emphasis: #8a0837;
  --theme-primary-bg-subtle: #f6dde6;
  --theme-primary-border-subtle: #e3a8bd;
  --theme-chart-primary: #a80a42;
  --theme-chart-primary-rgb: 168, 10, 66;

  --bs-primary: #a80a42;
  --bs-primary-rgb: 168, 10, 66;
  --bs-link-color: #a80a42;
  --bs-link-color-rgb: 168, 10, 66;
  --bs-link-hover-color: #8a0837;
  --bs-link-hover-color-rgb: 138, 8, 55;
}