/* HUS — Home Upgrade Services
   Color system. One signal color (Electric Blue), one ink, gray surface bands.
   Base values first, semantic aliases below. */
:root {
  /* ---- Brand & accent ---- */
  --blue: #024ad8;          /* primary signal — CTA fill, links, chevrons */
  --blue-bright: #296ef9;   /* lighter variant for use on dark slabs */
  --blue-deep: #0e3191;     /* pressed CTA, visited links */
  --blue-soft: #c9e0fc;     /* pale surface inside story cards / chips */

  /* ---- Ink (text + dark slabs) ---- */
  --ink: #1a1a1a;           /* universal text on white; dark slab fill */
  --ink-deep: #000000;      /* wordmark, hairline strokes */
  --ink-soft: #292929;      /* textural shift inside dark slabs */
  --on-ink: #ffffff;        /* text on dark slabs */
  --charcoal: #3d3d3d;      /* secondary body copy */
  --graphite: #636363;      /* fine print, metadata */

  /* ---- Surface ---- */
  --canvas: #ffffff;        /* universal page background */
  --paper: #ffffff;         /* card surface */
  --cloud: #f7f7f7;         /* lightest gray band */
  --fog: #e8e8e8;           /* darker gray band / panel */
  --steel: #c2c2c2;         /* stronger hairline / input border */
  --hairline: #e8e8e8;      /* default 1px divider */
  --hairline-strong: #c2c2c2;

  /* ---- Accent families (scarce) ---- */
  --coral: #ff5050;         /* sale / offer tag */
  --coral-soft: #f9d4d2;    /* soft lifestyle accent */
  --coral-deep: #b3262b;    /* error / discount emphasis */
  --coral-wine: #5a1313;

  --teal-mist: #8ebdce;     /* supporting infographic accents */
  --teal-sea: #7fadbe;
  --teal-deep: #356373;     /* neutral status accent */

  --on-blue: #ffffff;

  /* ---- Semantic aliases ---- */
  --color-primary: var(--blue);
  --color-primary-pressed: var(--blue-deep);
  --color-link: var(--blue);
  --color-link-pressed: var(--blue-deep);
  --text-strong: var(--ink);
  --text-body: var(--ink);
  --text-muted: var(--charcoal);
  --text-faint: var(--graphite);
  --text-on-dark: var(--on-ink);
  --surface-page: var(--canvas);
  --surface-card: var(--paper);
  --surface-band: var(--cloud);
  --surface-band-2: var(--fog);
  --surface-dark: var(--ink);
  --border-hairline: var(--hairline);
  --border-strong: var(--steel);
  --color-error: var(--coral-deep);
  --color-sale: var(--coral);
}