:root[data-accent="custom"] {
  --color-primary: #22386D;
  --color-primary-hover: #1D305D;
  --color-accent: #22386D;
  --color-primary-soft: #E4E7ED;
  --color-focus-ring: #22386D55;
}
[data-theme="dark"][data-accent="custom"] {
  --color-primary: #7A88A7;
  --color-primary-hover: #8E9AB4;
  --color-accent: #8794B0;
  --color-primary-soft: #1E2026;
  --color-focus-ring: #7A88A755;
}
.swatch-dot[data-swatch="custom"] { background: #22386D; }