:root {
  --brand: #53764f;
  --brand-accent: #55f1ea;
  --v2-accent: #55f1ea;
  --accent-strong: #55f1ea;
  --brand-faint: color-mix(in srgb, var(--brand) 8%, var(--surface));
  --brand-border: color-mix(in srgb, var(--brand) 25%, var(--border));
  --primary: #53764f;
  --primary-hover: color-mix(in srgb, #53764f 86%, #000000);
  --primary-active: color-mix(in srgb, #53764f 74%, #000000);
  --primary-subtle: color-mix(in srgb, #53764f 8%, #ffffff);
  --primary-subtle-foreground: color-mix(in srgb, #53764f 70%, #000000);
  --primary-subtle-border: color-mix(in srgb, #53764f 30%, #ffffff);
  --primary-foreground: #ffffff;
}