/* Arcuity brand package overrides
 *
 * Applied on top of the original HubSpot theme (template_bootstrap,
 * template_sr-base). Scope: brand palette + typography ONLY — layout,
 * spacing, and proportions stay exactly as designed.
 *
 * Palette: #0055a4 blue | #003366 deep-blue | #4a90e2 light-blue
 *          #333333 charcoal | #f5f7fa light-gray | #000 | #fff
 * Fonts:   Montserrat (headings) | Open Sans (body)
 */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&family=Open+Sans:wght@400;500;600;700&display=swap');

:root {
  --arcuity-blue: #0055a4;
  --arcuity-deep-blue: #003366;
  --arcuity-light-blue: #4a90e2;
  --arcuity-charcoal: #333333;
  --arcuity-light-gray: #f5f7fa;
}

body,
p,
li,
td,
input,
textarea,
select,
button {
  font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Montserrat', sans-serif;
}

a {
  color: var(--arcuity-blue);
}

a:hover,
a:focus {
  color: var(--arcuity-deep-blue);
}