/* /assets/css/brand.css  — minimal, safe, and overridable */

/* Colour vars */
:root{
  --brand-blue:#1b417f;
  --font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans",
               "Helvetica Neue", Arial, sans-serif;
  --font-heading:var(--font-body);
  --font-heading-condensed:var(--font-body);
}

/* Typography */
html { font-size: 100%; }

body {
  font-family: var(--font-body);
  font-weight: 400;
  color: #000;
}

/* Headings */
h1 {
  font-family: var(--font-heading);
  font-weight: 900;  /* visual “black” using system stack */
}

h2 {
  font-family: var(--font-heading-condensed);
  font-weight: 700;
}

h3 {
  font-family: var(--font-heading-condensed);
  font-weight: 800;
}

h4 {
  font-family: var(--font-heading-condensed);
  font-weight: 400;
}

h5 {
  font-family: var(--font-heading-condensed);
  font-weight: 600;
}

/* Brand blue utility + link color */
a { color: var(--brand-blue); }
.text-brand-blue { color: var(--brand-blue) !important; }

/* Gentle override for inline font-family on text nodes (won’t touch buttons/inputs) */
p[style*="font-family"],
span[style*="font-family"],
li[style*="font-family"],
div[style*="font-family"] {
  font-family: inherit !important;
}