[data-theme="a"] {
  --color-accent: #ffd200;
  --color-accent-ink: #1a1a1a;
  --color-brand: #dc2b3e;
  --color-brand-ink: #ffffff;
  --color-brand-pale: #fce9eb;
  --color-campaign-1: #ff4757;
  --color-campaign-2: #ff9838;
  --color-campaign-ink: #ffffff;
  --color-campaign-spark: #ffe99a;
  --color-canvas: #ffffff;
  --color-coin: #f5a623;
  --color-cta100-1: #d6321f;
  --color-cta100-2: #c2185b;
  --color-cta100-ink: #ffffff;
  --color-danger: #d6321f;
  --color-dark: #1b1b22;
  --color-dark-2: #2e2e3a;
  --color-dark-ink: #ffffff;
  --color-footer: #1b1b22;
  --color-footer-ink: #ffffff;
  --color-footer-line: #2e2e38;
  --color-footer-muted: #a2a2b0;
  --color-hairline: #e9e9f0;
  --color-header: rgb(255 255 255 / 0.92);
  --color-header-ink: #191922;
  --color-header-line: #ededf3;
  --color-ink: #191922;
  --color-ink-sub: #6d6d7a;
  --color-ribbon: #ffd200;
  --color-ribbon-ink: #1a1a1a;
  --color-surface: #ffffff;
  --color-surface-2: #f6f6f9;
  --heading-icon-color: #dc2b3e;
  --rank-bronze-solid: #9e6329;
  --rank-diamond-solid: #1f6f78;
  --rank-gold-solid: #8f7210;
  --rank-platinum-solid: #33333b;
  --rank-silver-solid: #667484;
  --shadow-card: 0 1px 2px rgb(17 17 26 / 0.06), 0 2px 8px rgb(17 17 26 / 0.06);
  --shadow-card-hover: 0 4px 10px rgb(17 17 26 / 0.07), 0 10px 24px rgb(17 17 26 / 0.09);
}