/* Plotwork colours. Generated by pnpm brand:build from packages/ui/src/styles/tokens.css. */
:root {
  /* Brand. The teal is an accent: the second box of the mark, focus rings and links. It is never the colour of a button. */
  --plotwork-teal: #0f766e; /* --brand-100 */
  --plotwork-teal-deep: #115e59; /* --brand-hover */
  --plotwork-teal-light: #2dd4bf; /* --brand-text (dark theme) */
  /* Ink and paper. Near-black and near-white carry the lines of the mark and almost every pixel of the product. */
  --plotwork-ink: #171717; /* --text-primary */
  --plotwork-graphite: #525252; /* --text-secondary */
  --plotwork-paper: #f9f9f9; /* --surface-body */
  --plotwork-snow: #fafafa; /* --text-primary (dark theme) */
  --plotwork-night: #0a0a0a; /* --surface-body (dark theme) */
  --plotwork-code-ink: #0f1412; /* --ink-ground */
  /* Chart accents. A closed set for charts, tags and status. Never use one as a brand colour. */
  --plotwork-crimson: #eb3424; /* --accent-crimson */
  --plotwork-honey: #b07d0a; /* --accent-honey */
  --plotwork-forest: #1f8f4d; /* --accent-forest */
  --plotwork-bluetron: #2a6dfb; /* --accent-bluetron */
  --plotwork-amethyst: #7c4dff; /* --accent-amethyst */
}