[data-theme="z"] {
  --color-accent: #d4af37;
  --color-accent-ink: #100f0a;
  --color-brand: #fedc6c;
  --color-brand-ink: #fe0134;
  --color-brand-pale: #2b2412;
  --color-campaign-1: #ff000d;
  --color-campaign-2: #0b0b0d;
  --color-campaign-ink: #f7ecc8;
  --color-campaign-spark: #d4af37;
  --color-canvas: #000000;
  --color-coin: #e8c766;
  --color-cta100-1: #ffc400;
  --color-cta100-2: #d4af37;
  --color-cta100-ink: #16140c;
  --color-danger: #ff2950;
  --color-dark: #26262f;
  --color-dark-2: #15151b;
  --color-dark-ink: #f3f3f5;
  --color-footer: #050506;
  --color-footer-ink: #efeff2;
  --color-footer-line: #1e1e24;
  --color-footer-muted: #8a8a96;
  --color-hairline: #2c2c35;
  --color-header: rgb(11 11 13 / 0.88);
  --color-header-ink: #f3f3f5;
  --color-header-line: #26262e;
  --color-ink: #f3f3f5;
  --color-ink-sub: #ececfe;
  --color-ribbon: #d4af37;
  --color-ribbon-ink: #16140c;
  --color-surface: #17171c;
  --color-surface-2: #202027;
  --heading-icon-color: #d4af37;
  --rank-bronze-solid: #e0a566;
  --rank-diamond-solid: #7fd3dc;
  --rank-gold-solid: #e8c766;
  --rank-platinum-solid: #b9bfd0;
  --rank-silver-solid: #c3cedb;
  --shadow-card: 0 1px 2px rgb(0 0 0 / 0.5), 0 2px 10px rgb(0 0 0 / 0.45);
  --shadow-card-hover: 0 6px 18px rgb(0 0 0 / 0.55);
}