body[data-category="barter"]{
  --accent:#8b5cf6;
  --accent2:#f59e0b;
  --accent-rgb:139,92,246;
  --accent2-rgb:245,158,11;
  background:
    linear-gradient(180deg, rgba(11,10,24,.82), rgba(11,10,24,.94)),
    radial-gradient(1000px 620px at 10% -10%, rgba(var(--accent-rgb), .20), transparent 56%),
    radial-gradient(860px 480px at 92% 12%, rgba(var(--accent2-rgb), .16), transparent 52%),
    var(--category-theme-image, url('/assets/img/category-photos/barter.jpg')) center/cover fixed;
}

:root[data-theme="light"] body[data-category="barter"]{
  background:
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(248,245,255,.92)),
    radial-gradient(1000px 620px at 10% -10%, rgba(var(--accent-rgb), .09), transparent 56%),
    radial-gradient(860px 480px at 92% 12%, rgba(var(--accent2-rgb), .08), transparent 52%),
    var(--category-theme-image, url('/assets/img/category-photos/barter.jpg')) center/cover fixed;
}

body[data-category="barter"] .brand__mark,
body[data-category="barter"] .brand-mark{
  background: radial-gradient(circle at 30% 0%, var(--accent2), var(--accent));
}