@import url("tokens.css");
:root {
  --acc2:    color-mix(in srgb, var(--acc) 30%, var(--bg0));
  --acc-dim: color-mix(in srgb, var(--acc) 16%, var(--bg0));
  --grn-dim: color-mix(in srgb, var(--grn) 14%, var(--bg0));
}
[data-theme="light"] {
  --acc2:    color-mix(in srgb, var(--acc) 18%, var(--bg1));
  --acc-dim: color-mix(in srgb, var(--acc) 30%, var(--bg1));
  --grn-dim: color-mix(in srgb, var(--grn) 12%, var(--bg1));
}