/* ================================================================
   brand.css - Hilke's Ice Co. brand config layer
   Load order: site.css (template) -> mainstyle.css -> brand.css -> custom.css
   Source: assets/css/site.css :root -- the comp's own brand tokens are
   already correct for this design-comp build; this layer aliases them
   under a --brand-* namespace and adds the mandatory structural defaults.
   ================================================================ */

:root {
  --brand-primary: var(--blue);
  --brand-primary-hover: var(--blue-deep);
  --brand-primary-soft: var(--blue-soft);
  --brand-secondary: var(--silver);
  --brand-secondary-soft: var(--silver-soft);
  --brand-ink: var(--ink);
  --brand-ink-soft: var(--ink-soft);
  --brand-muted: var(--muted);
  --brand-bg: var(--white);
  --brand-bg-band: var(--bg-band);
  --brand-bg-band-2: var(--bg-band-2);
  --brand-on-primary: var(--white);
}

/* No orphans / widows -- applies site-wide (mandatory default) */
h1, h2, h3, h4, h5, .display, .eyebrow { text-wrap: balance; }
p, li, blockquote, figcaption, .blurb, .lead { text-wrap: pretty; }

/* Dark-band heading reset (E-25) -- defensive layer only: site.css already
   scopes each heading inside a dark band to var(--white) per component
   (.section-head h2, .area .copy h2, .founded .stat-card .pillar .n, etc.),
   so there is no blanket h1-h6 ink rule here to collide with those overrides.
   This mirrors the same behavior on the shared band selector so any NEW
   heading added inside section.band.dark inherits white by default instead
   of falling back to body ink. */
section.band.dark {
  color: var(--white);
}
section.band.dark :is(h1, h2, h3, h4, h5, h6) {
  color: inherit;
}