:root {
  --brand-turquoise: #00bfc8;
  --brand-purple: #930061;
  --color-action: var(--brand-purple);
  --color-action-hover: #76004e;
  --color-ink: #332d32;
  --color-text: #615a60;
  --color-muted: #6c626a;
  --color-teal-text: #146f78;
  --color-deep: #30252d;
  --color-deep-rgb: 48,37,45;
  --color-stone: #f5f4f2;
  --color-deep-hover: #493841;
  --color-white: #ffffff;
  --color-canvas: #fcfbfa;
  --color-mist: #f2f8f8;
  --color-rose: #f7f3f5;
  --color-line: #e6e0e3;
  --color-field-line: #998a94;
  --helmi-fuchsia: var(--color-action);
  --helmi-fuchsia-dark: var(--color-action-hover);
  --helmi-fuchsia-deep: #591b43;
  --helmi-fuchsia-soft: var(--color-rose);
  --helmi-fuchsia-line: #ddbdd0;
  --helmi-cyan: var(--brand-turquoise);
  --helmi-cyan-dark: var(--color-teal-text);
  --helmi-cyan-soft: var(--color-mist);
  --helmi-cyan-line: #b7dedd;
  --helmi-ink: var(--color-ink);
  --helmi-surface: var(--color-white);
  --helmi-surface-soft: var(--color-canvas);
  --helmi-line: var(--color-line);
}
.helmi-site ::selection { background: #c6e9e8; color: var(--color-ink); }