.svv-wgt-v2-container {
  // Painted, not handed to --svv-v2-bg: the block writes that token inline on
  // this very element whenever the skin is not Glass, and an inline custom
  // property outranks any stylesheet — the merchant's background colour was
  // overruling this scheme's own. A real property on the scheme's selector
  // outranks the base rule instead, whatever the token says.
  background-color: #04050a;
}

.svv-wgt-v2 {
  --svv-text: #eaf6ff;
  --svv-text-muted: #8fa0b6;
  --svv-bg: #0b1120;
  --svv-surface: #0c101c;
  --svv-border: #192334;
  --svv-border-strong: #2b3a52;

  --svv-primary: #00d1ff;
  --svv-primary-hover: #28e0ff;
  --svv-primary-text: #04131a;
  --svv-primary-subtle: #072a3c;

  --svv-accent: #7df0ff;
  --svv-accent-strong: #00d1ff;
  --svv-accent-subtle: #0c2a38;

  --svv-success: #3ddc97;
  --svv-warning: #ffc256;
  --svv-critical: #ff7a6e;
  --svv-info: #6cc5ff;

  --svv-card-bg: #0c101c;
  --svv-card-text: #eaf6ff;
  --svv-card-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  --svv-card-shadow-hover: 0 16px 40px rgba(0, 0, 0, 0.6);

  --svv-calendar-text: #eaf6ff;
  --svv-calendar-marked-bg: #072a3c;
  --svv-calendar-selected-bg: #00d1ff;
  --svv-calendar-selected-text: #04131a;
  --svv-calendar-today-border: #2b3a52;

  --svv-drawer-bg: #0c101c;
  --svv-drawer-backdrop: rgba(0, 0, 0, 0.66);

  .svv-shell {
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.7);
  }

  .svv-viewmode button:hover,
  .svv-viewmode button.is-active {
    color: #04131a;
  }
}