/* HP-Inspired color tokens — source: design-md/hp/DESIGN.md */
:root {
  /* Brand & accent */
  --color-primary: #024ad8;        /* HP Electric Blue — lone CTA/link/chevron color */
  --color-primary-bright: #296ef9; /* used inside dark slabs */
  --color-primary-deep: #0e3191;   /* pressed CTA, visited link */
  --color-primary-soft: #c9e0fc;   /* pale-blue surface, selection chips */
  --color-on-primary: #ffffff;

  /* Ink */
  --color-ink: #1a1a1a;
  --color-ink-deep: #000000;
  --color-ink-soft: #292929;
  --color-on-ink: #ffffff;

  /* Surfaces */
  --color-canvas: #ffffff;
  --color-paper: #ffffff;
  --color-cloud: #f7f7f7;
  --color-fog: #e8e8e8;
  --color-steel: #c2c2c2;

  /* Text neutrals */
  --color-charcoal: #3d3d3d;
  --color-graphite: #636363;

  /* Hairlines */
  --color-hairline: #e8e8e8;
  --color-hairline-strong: #c2c2c2;

  /* Links */
  --color-link: #024ad8;
  --color-link-pressed: #0e3191;

  /* Bloom (sale / error) */
  --color-bloom-coral: #ff5050;
  --color-bloom-rose: #f9d4d2;
  --color-bloom-deep: #b3262b;
  --color-bloom-wine: #5a1313;

  /* Storm (infographic / plan accents) */
  --color-storm-mist: #8ebdce;
  --color-storm-sea: #7fadbe;
  --color-storm-deep: #356373;

  /* Semantic */
  --color-error: #b3262b;

  /* Semantic aliases */
  --text-body: var(--color-ink);
  --text-secondary: var(--color-charcoal);
  --text-muted: var(--color-graphite);
  --text-inverse: var(--color-on-ink);
  --surface-page: var(--color-canvas);
  --surface-card: var(--color-paper);
  --surface-band: var(--color-cloud);
  --surface-band-strong: var(--color-fog);
  --surface-slab: var(--color-ink);
}