/* ==========================================================================
   Stormsaver — brand.css
   Universal, theme-agnostic foundations shared by every page.
   Load this BEFORE the page-specific stylesheet.
   ========================================================================== */

    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    /* ── STORMSAVER BRAND CONSTANTS (do not change per theme) ── */
    :root {
      --brand-navy: #002A66;   /* R0  G42  B102  */
      --brand-teal: #4FA6B8;   /* R79 G166 B184  */
      --brand-pale: #D6E0E2;   /* R214 G224 B226 */
    }