/* Harbor: Homer's named palette (Lee, 2026-11-10). It holds the accent, its
   tint, its hover, and the three values the parts read from it. Everything
   else is shared, in design/tokens.css: the chart colors and the note heat
   too. Load this file after tokens.css and before parts.css. */

:root {
  /* Harbor's accent: Homer's one action color, its tint, and its hover */
  --accent: #04506E;        /* the main button, links, text actions, the chosen border, focus and progress */
  --accent-light: #E3ECEF;  /* a chosen option, a toggle that is on */
  --accent-deep: #0B4156;   /* the main button under the pointer */

  /* Harbor's words and frames, read by the parts. A dark accent takes
     white words and draws its text and frames in itself. A light accent
     (such as a lemon) takes ink words, and its text and frames in ink. */
  --accent-on: #FFFFFF;     /* words and glyphs on the accent */
  --accent-text: var(--accent);   /* links, text actions and chosen words */
  --accent-frame: var(--accent);  /* a chosen frame and focus */
}