/*
 * Branding theme. Colours come from BRAND_PRIMARY_COLOR / BRAND_SECONDARY_COLOR
 * (see .env) through the --brand-* variables; adjust further here.
 * Company fonts: add @font-face rules here and set --brand-font.
 */
:root {
  --brand-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --bs-primary: var(--brand-primary);
  --bs-link-color: var(--brand-primary);
  --bs-link-hover-color: color-mix(in srgb, var(--brand-primary) 80%, black);
  --bs-body-font-family: var(--brand-font);
}
a { color: var(--brand-primary); }
a:hover { color: color-mix(in srgb, var(--brand-primary) 75%, black); }
.brand-navbar { background: var(--brand-primary); }
.brand-navbar .navbar-brand img { height: 32px; filter: brightness(0) invert(1); }
.btn-primary {
  --bs-btn-bg: var(--brand-primary); --bs-btn-border-color: var(--brand-primary);
  --bs-btn-hover-bg: color-mix(in srgb, var(--brand-primary) 85%, black);
  --bs-btn-hover-border-color: color-mix(in srgb, var(--brand-primary) 85%, black);
  --bs-btn-active-bg: color-mix(in srgb, var(--brand-primary) 75%, black);
  --bs-btn-disabled-bg: var(--brand-primary); --bs-btn-disabled-border-color: var(--brand-primary);
}
.btn-outline-primary {
  --bs-btn-color: var(--brand-primary); --bs-btn-border-color: var(--brand-primary);
  --bs-btn-hover-bg: var(--brand-primary); --bs-btn-hover-border-color: var(--brand-primary);
  --bs-btn-active-bg: var(--brand-primary);
}
.text-brand { color: var(--brand-primary) !important; }
.bg-brand-soft { background: color-mix(in srgb, var(--brand-primary) 8%, white); }
.accent-bar { height: 4px; background: var(--brand-secondary); }