/* Huck — shared design tokens + base styles.
   Single source of truth for brand colors and the foundation styles
   every page shares. Change a color here once; it updates site-wide.
   Loaded by every page via <link rel="stylesheet" href="./huck.css">. */

:root {
  --ink: #0D2B3E;        /* dark navy — headings, body copy, footer bg */
  --teal: #1FA990;       /* primary CTA / brand accent */
  --teal-dark: #178A76;  /* CTA + link hover */
  --paper: #FAFAFA;      /* page background */
  --body: #46555F;       /* default body text */
  --muted: #8593A0;      /* footer body copy + footer links */
  --gold: #C9A84C;       /* eyebrow / accent */
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: var(--paper); }
a { color: var(--teal); text-decoration: none; }
a:hover { color: var(--teal-dark); }
::selection { background: rgba(31,169,144,0.16); }
#mobNav { display: none; }

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; }
  [data-reveal] { opacity: 1 !important; transform: none !important; }
}