[data-theme="d"] {
  --color-accent: #ff7fb0;
  --color-accent-ink: #4b2032;
  --color-brand: #d22668;
  --color-brand-ink: #ffffff;
  --color-brand-pale: #fae3ed;
  --color-campaign-1: #ff6fa5;
  --color-campaign-2: #ffb3d9;
  --color-campaign-ink: #ffffff;
  --color-campaign-spark: #ffffff;
  --color-canvas: #fff7fb;
  --color-coin: #f2a65a;
  --color-cta100-1: #d22668;
  --color-cta100-2: #9b3fa8;
  --color-cta100-ink: #ffffff;
  --color-danger: #d6321f;
  --color-dark: #4b2c3d;
  --color-dark-2: #633b50;
  --color-dark-ink: #fff5fa;
  --color-footer: #4b2c3d;
  --color-footer-ink: #fff5fa;
  --color-footer-line: #633b50;
  --color-footer-muted: #c9a9b9;
  --color-hairline: #fadfeb;
  --color-header: rgb(255 255 255 / 0.94);
  --color-header-ink: #40293a;
  --color-header-line: #f8e2ee;
  --color-ink: #40293a;
  --color-ink-sub: #7a5f6e;
  --color-ribbon: #ffffff;
  --color-ribbon-ink: #c2306a;
  --color-surface: #ffffff;
  --color-surface-2: #fff0f7;
  --heading-icon-color: #ff7fb0;
  --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);
}