/* Happy Hippo Plumbing - brand tokens (colors.css)
 * Locked from hippo-02 (Session, June 2026). Tokens first, then per-page CSS.
 * Violet is VioLev's and never appears here. */

:root {
  /* Brand (eyedropped from the mark) */
  --ink:        #000110;  /* near-black navy: headings, footer bg, outlines */
  --blue:       #003D95;  /* primary: buttons, links, CTA */
  --blue-bright:#4897D9;  /* accent: splashes, hovers, decorative. Not body text on white. */
  --gray:       #4C4B52;  /* body and secondary text */
  --gray-light: #BEC2CA;  /* borders, dividers, quiet labels on dark */
  --surface:    #FFFFFF;

  /* Derived UI steps off the primary */
  --blue-hover: #002F73;
  --blue-active:#00245A;
  --focus-ring: rgba(72, 151, 217, 0.55); /* blue-bright at alpha */

  /* Semantic mappings */
  --text:        var(--gray);
  --text-strong: var(--ink);
  --link:        var(--blue);
  --link-hover:  var(--blue-hover);
  --border:      var(--gray-light);
}