/* Brand colour tokens, by the hub's names (hub assets/app.css).
   The values live in theme.json (the editor palette); these are aliases so
   the theme's own CSS can say var(--color-brand) like the hub does.
   brand-bright is for navy backgrounds only: it fails on white. */
:root {
  --color-brand: var(--wp--preset--color--brand);
  --color-brand-bright: var(--wp--preset--color--brand-bright);
  --color-brand-tint: var(--wp--preset--color--brand-tint);
  --color-brand-2: var(--wp--preset--color--brand-2);
  --color-link: var(--wp--preset--color--link-blue); /* not "link": WordPress's has-link-color class would clash */
  --color-ink: var(--wp--preset--color--ink);
  --color-ink-2: var(--wp--preset--color--ink-2);
  --color-ink-3: var(--wp--preset--color--ink-3);
  --color-ground: var(--wp--preset--color--ground);
  --color-surface: var(--wp--preset--color--surface);
  --color-surface-2: var(--wp--preset--color--surface-2);
  --color-line: var(--wp--preset--color--line);
  --color-hair: var(--wp--preset--color--hair);
  --color-good: var(--wp--preset--color--good);
  --color-good-bg: var(--wp--preset--color--good-bg);
  --color-warn: var(--wp--preset--color--warn);
  --color-warn-bg: var(--wp--preset--color--warn-bg);
  --color-bad: var(--wp--preset--color--bad);
  --color-bad-bg: var(--wp--preset--color--bad-bg);
  --color-info: var(--wp--preset--color--info);
  --color-info-bg: var(--wp--preset--color--info-bg);
}