/* USA Made Products: state page colors. Change a color here and all 50 state pages follow. */
:root{
  --brand:#0033aa;        /* main blue: hero, headings, borders, buttons */
  --brand-dark:#002277;   /* top bar, headings */
  --accent:#9f9fff;       /* lavender-blue lines and focus ring */
  --star:#ffea00;         /* yellow: state outline stroke, box edges */
  --ground:#001a5c;       /* footer background */
  --tint:#ceebfd;         /* page background, state outline fill */
  --card:#ffffff;         /* listing cards, breadcrumb bar */
  --ink:#222222;          /* body text */
  --muted:#555555;        /* secondary text */
  --line:#9f9fff;        /* card borders */
  --on-brand:#ffffff;     /* text on blue */
  --lead:#dbe7ff;         /* intro sentence in the hero */
  --footer-text:#e6efe8;  /* footer text */
  --thumb-bg:#e8e4dc;     /* behind a snapshot while it loads */
  --white:#ffffff;
}

/* Text size. 93.75% of the browser's own size = 15px by default, and still follows a reader's browser setting.
   Everything sized in rem (headings, notes, footer) scales with this one number. */
html{font-size:93.75%;scroll-behavior:smooth}
body{margin:0;background:var(--tint);color:var(--ink);font:400 1rem/1.5 Arial,Helvetica,sans-serif}