.svv-wgt-v2-container {
  --svv-v2-bg: #05060b;
  --svv-v2-glass-blob-1: rgba(140, 90, 255, 0.5);
  --svv-v2-glass-blob-2: rgba(0, 210, 255, 0.34);
  --svv-v2-glass-blob-3: rgba(255, 0, 128, 0.28);
}

.svv-wgt-v2 {
  --svv-glass-fill: 8%;
  --svv-glass-control-fill: 10%;
  --svv-glass-reflex-light: 0.3;
  --svv-glass-reflex-dark: 1.4;
  --svv-glass-control-hover: rgba(255, 255, 255, 0.16);
  --svv-glass-sheen: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.14) 0%,
    rgba(255, 255, 255, 0.05) 34%,
    rgba(255, 255, 255, 0) 58%
  );

  --svv-text: #f4f5fb;
  --svv-text-muted: #a7aec1;
  --svv-border: rgba(255, 255, 255, 0.12);
  --svv-border-strong: rgba(255, 255, 255, 0.24);
  --svv-bg: rgba(255, 255, 255, 0.07);
  --svv-surface: rgba(255, 255, 255, 0.07);
  --svv-card-text: #f4f5fb;

  --svv-primary: #6d49ff;
  // Lighter than the primary, not darker: every other dark scheme steps up
  // this way. It is also the badge's text colour (_card.scss), and the darker
  // value left that unreadable on the translucent violet behind it.
  --svv-primary-hover: #9b82ff;
  // The fill above is deep enough to carry white button text, which makes it
  // far too dark to be read as text on this ground — it was what left the
  // marked calendar dates and the add-to-calendar pills illegible.
  --svv-primary-ink: #b9a6ff;
  --svv-primary-text: #ffffff;
  --svv-primary-subtle: rgba(157, 123, 255, 0.22);

  --svv-accent: #9d7bff;
  --svv-accent-strong: #c3aeff;
  --svv-accent-subtle: rgba(157, 123, 255, 0.18);

  --svv-success: #4fd39b;
  --svv-warning: #f0b45f;
  --svv-critical: #ff8a80;
  --svv-info: #78c6ff;

  --svv-calendar-text: #f4f5fb;
  --svv-calendar-marked-bg: rgba(157, 123, 255, 0.2);
  --svv-calendar-selected-text: #ffffff;
  --svv-calendar-today-border: rgba(255, 255, 255, 0.35);

  // The glass panes paint over every drawer surface, so the token below is
  // never seen today — but it is the only one in this scheme still carrying
  // the light default, and anything new that reads it would come out white.
  --svv-drawer-bg: #11131c;
  --svv-drawer-backdrop: rgba(0, 0, 0, 0.55);

  .svv-search:focus-within,
  .svv-select:focus-within {
    border-color: rgba(157, 123, 255, 0.7);
  }

  .svv-viewmode {
    background: rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.45);

    button.is-active {
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.2),
        0 2px 8px rgba(0, 0, 0, 0.35);
    }
  }

  .svv-quick button:hover,
  .svv-filters__toggle:hover,
  .svv-filters select:hover,
  .svv-pill:hover,
  .svv-card__share:hover,
  .svv-drawer__icon:hover,
  .svv-pagination button:hover,
  .svv-calendar__clear:hover,
  .svv-calendar__nav button:hover,
  .svv-monthview__nav button:hover {
    border-color: rgba(255, 255, 255, 0.3);
  }

  .svv-card__cta,
  .svv-drawer__cta,
  .svv-submit {
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.2),
      0 6px 18px rgba(0, 0, 0, 0.45);
  }

  .svv-card:hover {
    background: rgba(255, 255, 255, 0.06);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.12),
      0 6px 24px rgba(0, 0, 0, 0.45);
  }

  .svv-card__media {
    box-shadow:
      0 0 0 1px rgba(255, 255, 255, 0.14),
      0 4px 14px rgba(0, 0, 0, 0.45);
  }

  .svv-events--grid .svv-card::after {
    background: var(--svv-glass-sheen), rgba(255, 255, 255, 0.1);
  }

  .svv-calendar__day.is-marked:hover {
    background: rgba(255, 255, 255, 0.12);
  }

  .svv-calendar__day.is-selected {
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.2),
      0 4px 12px rgba(0, 0, 0, 0.45);
  }

  .svv-monthview__grid,
  .svv-monthview__cell {
    border-color: rgba(255, 255, 255, 0.14);
  }

  .svv-monthview__cell.is-outside {
    background: rgba(255, 255, 255, 0.04);
  }

  .svv-monthview__today {
    border-color: rgba(255, 255, 255, 0.2);
  }

  .svv-monthview__more {
    border-top-color: rgba(255, 255, 255, 0.14);
  }

  .svv-events__state {
    border-color: rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.05);
  }

  .svv-drawer,
  .svv-modal {
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6);
  }

  .svv-drawer::backdrop,
  .svv-modal::backdrop {
    background: rgba(0, 0, 0, 0.55);
  }

  .svv-drawer__panel::after,
  .svv-modal__panel::after {
    background: var(--svv-glass-sheen), rgba(17, 19, 28, 0.86);
  }

  .svv-drawer__head,
  .svv-drawer__foot {
    background: rgba(17, 19, 28, 0.92);
  }

  .svv-drawer__section,
  .svv-members__row,
  .svv-related li {
    background: rgba(255, 255, 255, 0.05);
  }

  .svv-field__input {
    border-color: rgba(255, 255, 255, 0.18);
  }
}