/* VietCALL: dark mode for the public pages: home and category pages, Contact, login, and the event's Overview, Scientific Program,
   Timetable, Contribution List, contribution pages and content pages. js/vietcall-event-chrome.js puts html.vc-dark on those pages only,
   when the visitor has chosen it, and adds the switch. All other pages stay light: Indico's own CSS has no dark colours.
   Named so that Indico loads it last. Screen only: printed pages stay dark on white.
   Variables first; the rules below are for colours written directly, or variables used both for text and for a filled background.
   Pop-ups hang off <body>, are drawn by Indico in light colours and inherit from it, so they get the light variables back. */
@media screen {
  html.vc-dark {
    color-scheme: dark;
    --vcd-bg: #12172a;
    --vcd-surface: #1c2339;
    --vcd-raised: #262e49;
    --vcd-line: rgba(255, 255, 255, 0.16);
    --vcd-line-soft: rgba(255, 255, 255, 0.09);
    --vcd-text: #e8ebf3;
    --vcd-soft: #cdd3e1;
    --vcd-muted: #aab2c5;
    --vcd-link: #aebfff;
    --vcd-accent: #ff9b93;
    --vcd-fill: #4d5d99;
    /* The event theme's */
    --vcl-text: var(--vcd-text);
    --vcl-blue-dark: var(--vcd-text);
    --vcl-blue: var(--vcd-link);
    --vcl-muted: var(--vcd-muted);
    --vcl-border: var(--vcd-line);
    --vcl-bg: var(--vcd-bg);
    --vcl-red-soft: rgba(255, 123, 114, 0.16);
    --vcl-gold-soft: rgba(217, 144, 47, 0.14);
    --vcl-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  }
  html.vc-dark .qtip, html.vc-dark .ui-dialog, html.vc-dark .ui.popup, html.vc-dark .ui.modal, html.vc-dark ind-menu > menu,
  html.vc-dark .i-dropdown, html.vc-dark .ui.dropdown .menu, html.vc-dark .ui.search .results, html.vc-dark .vc-form-card {
    color-scheme: light;
    --vcl-text: #263746;
    --vcl-blue-dark: #263746;
    --vcl-blue: #4f5f8f;
    --vcl-muted: #5f6b76;
    --vcl-border: rgba(38, 55, 70, 0.14);
    --vcl-red-soft: #fff2f2;
    color: #263746;
  }

  /* Page, event header's strip and date line */
  html.vc-dark, html.vc-dark body { background: var(--vcd-bg) !important; }
  html.vc-dark .confSubTitle.confSubTitle, html.vc-dark .confSubTitleBox, html.vc-dark .confSubTitleContent.confSubTitleContent { border-color: var(--vcd-line) !important; background: var(--vcd-surface) !important; color: var(--vcd-text) !important; }
  html.vc-dark .confSubTitle .datePlace, html.vc-dark .confSubTitle .date, html.vc-dark .confSubTitle .place { color: var(--vcd-text) !important; }
  html.vc-dark .timezone { color: var(--vcd-muted) !important; }
  html.vc-dark .confSubTitleContent .search-box input { border-color: var(--vcd-line) !important; background: var(--vcd-bg) !important; color: var(--vcd-text) !important; }
  html.vc-dark .confSubTitleContent .search-box input::placeholder { color: var(--vcd-muted); }
  html.vc-dark .confSubTitleContent .search-box i, html.vc-dark .confSubTitleContent .search-box .icon { color: var(--vcd-muted); }
  html.vc-dark #confSectionsBox a:hover { color: var(--vcd-accent); }
  html.vc-dark #confSectionsBox h1, html.vc-dark #confSectionsBox h2, html.vc-dark #confSectionsBox h3 { color: var(--vcd-text); }
  html.vc-dark .confBodyBox, html.vc-dark #confSectionsBox .page-content, html.vc-dark #confSectionsBox .conferenceDetails { color: var(--vcd-text); }
  html.vc-dark #confSectionsBox .confSubHeader, html.vc-dark #confSectionsBox .page-title, html.vc-dark #confSectionsBox .title, html.vc-dark #confSectionsBox .text { color: var(--vcd-text); }
  html.vc-dark #confSectionsBox .text-superfluous { color: var(--vcd-muted); }
  /* Indico rules page titles off in their text colour, which would be a bright line here. */
  html.vc-dark #confSectionsBox .title, html.vc-dark #confSectionsBox .title-with-actions, html.vc-dark #confSectionsBox .page-title, html.vc-dark #confSectionsBox h1, html.vc-dark #confSectionsBox h2 { border-color: var(--vcd-line) !important; }
  html.vc-dark #confSectionsBox .i-button:not(.highlight):not(.accept):not(.primary) {
    border-color: var(--vcd-line) !important; background: var(--vcd-raised) !important; color: var(--vcd-text) !important; box-shadow: none !important;
  }
  html.vc-dark #confSectionsBox .i-button:not(.highlight):not(.accept):not(.primary)::before,
  html.vc-dark #confSectionsBox .i-button:not(.highlight):not(.accept):not(.primary)::after { color: var(--vcd-text) !important; }
  html.vc-dark #confSectionsBox input:not([type=submit]):not([type=checkbox]):not([type=radio]), html.vc-dark #confSectionsBox select, html.vc-dark #confSectionsBox textarea {
    border-color: var(--vcd-line) !important; background: var(--vcd-surface) !important; color: var(--vcd-text) !important;
  }

  /* Signed in, narrower than 1100px, Indico's buttons have a strip of their own under the logo: dark here too. */
  @media (max-width: 1100px) {
    html.vc-dark .event-page-header:not(:has(.toolbar a.icon-enter)) .main-action-bar > .button-bar,
    html.vc-dark .event-page-header:not(:has(.toolbar a.icon-enter)) .main-action-bar > .session-bar { background: var(--vcd-surface); border-color: var(--vcd-line); }
    html.vc-dark .event-page-header:not(:has(.toolbar a.icon-enter)) { border-color: var(--vcd-line); }
  }
  html.vc-dark .event-page-header:not(:has(.toolbar a.icon-enter)) .main-action-bar .i-button.i-button.i-button,
  html.vc-dark .event-page-header:not(:has(.toolbar a.icon-enter)) .main-action-bar .i-button.i-button.i-button::before,
  html.vc-dark .event-page-header:not(:has(.toolbar a.icon-enter)) .main-action-bar .i-button.i-button.i-button::after { color: #fff !important; }
  html.vc-dark .event-page-header:not(:has(.toolbar a.icon-enter)) .main-action-bar .i-button.i-button.i-button:hover,
  html.vc-dark .event-page-header:not(:has(.toolbar a.icon-enter)) .main-action-bar .i-button.i-button.i-button:focus-visible,
  html.vc-dark .event-page-header:not(:has(.toolbar a.icon-enter)) .main-action-bar .i-button.i-button.i-button.open { background: rgba(255, 255, 255, 0.14) !important; }

  /* Event menu */
  html.vc-dark #confSectionsBox > .conf_leftMenu { background: var(--vcd-surface) !important; border-color: var(--vcd-line) !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35) !important; }
  html.vc-dark #confSectionsBox > .conf_leftMenu #outer > li:not(.selected),
  html.vc-dark #confSectionsBox > .conf_leftMenu ul:not(#outer):not(.inner) { background: transparent !important; }
  html.vc-dark #confSectionsBox > .conf_leftMenu #outer > li:not(.selected) > a:hover { background: var(--vcd-raised) !important; color: var(--vcd-text) !important; }
  html.vc-dark #confSectionsBox > .conf_leftMenu #outer > li > ul.inner:not(:empty) { border-color: var(--vcd-line) !important; background: var(--vcd-raised) !important; }
  html.vc-dark #confSectionsBox > .conf_leftMenu #outer ul.inner li > a { color: var(--vcd-text) !important; }
  html.vc-dark #confSectionsBox > .conf_leftMenu #outer ul.inner li > a:hover,
  html.vc-dark #confSectionsBox > .conf_leftMenu #outer ul.inner li.selected > a { background: var(--vcd-fill) !important; }
  html.vc-dark #confSectionsBox > .conf_leftMenu .vc-subnav { border-color: var(--vcd-line); }
  html.vc-dark #confSectionsBox > .conf_leftMenu .vc-subnav a { background: var(--vcd-raised) !important; color: var(--vcd-text) !important; }
  html.vc-dark #confSectionsBox > .conf_leftMenu .vc-subnav a:hover,
  html.vc-dark #confSectionsBox > .conf_leftMenu .vc-subnav a[aria-current="page"] { background: var(--vcd-fill) !important; color: #fff !important; }
  html.vc-dark #confSectionsBox > .conf_leftMenu .vc-menu-toggle { color: var(--vcd-text) !important; }
  html.vc-dark #confSectionsBox > .conf_leftMenu.vc-menu-open #outer { border-color: var(--vcd-line) !important; }
  html.vc-dark .vc-form-card { background: #fff; border-color: var(--vcd-line); }

  /* Site header and the switch */
  html.vc-dark .page-header:not(.event-page-header), html.vc-dark .page-header.event-page-header { background: #2a3559; }
  html.vc-dark .page-header .global-menu.global-menu { background: #222b4a !important; }
  .vc-theme-toggle { display: inline-flex !important; align-items: center; justify-content: center; }
  .vc-theme-toggle svg { display: block; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
  .vc-theme-toggle .vc-sun, html.vc-dark .vc-theme-toggle .vc-moon { display: none; }
  html.vc-dark .vc-theme-toggle .vc-sun { display: block; }
  /* On the login page, whose header has no buttons of its own */
  .vc-auth-header { position: relative; }
  .vc-auth-header .vc-theme-toggle {
    position: absolute; top: 50%; right: 16px; width: 38px; height: 38px; padding: 0; transform: translateY(-50%);
    border: 1px solid rgba(255, 255, 255, 0.45); border-radius: 50%; background: transparent; color: #fff; cursor: pointer;
  }
  .vc-auth-header .vc-theme-toggle:hover { background: rgba(255, 255, 255, 0.14); }

  /* Home and category pages */
  html.vc-dark .category-container { background: var(--vcd-bg); color: var(--vcd-text); }
  html.vc-dark .category-container .category-header { border-color: var(--vcd-line); background: var(--vcd-surface); }
  html.vc-dark .category-container .category-title { color: var(--vcd-text); }
  html.vc-dark .category-container #category-toolbar .i-button.i-button:not(.highlight) { border-color: var(--vcd-line); background: var(--vcd-raised); color: var(--vcd-text); }
  html.vc-dark .category-container #category-toolbar .i-button.i-button:not(.highlight)::before,
  html.vc-dark .category-container #category-toolbar .i-button.i-button:not(.highlight)::after { color: var(--vcd-text); }
  html.vc-dark .category-container #category-toolbar .i-button.i-button:not(.highlight):hover { background: var(--vcd-fill); }
  html.vc-dark .category-container .search-box input { border-color: var(--vcd-line); background: var(--vcd-surface); color: var(--vcd-text); }
  html.vc-dark .category-container .search-box input::placeholder { color: var(--vcd-muted); }
  html.vc-dark .category-container .search-box i, html.vc-dark .category-container .search-box .icon { color: var(--vcd-muted); }
  html.vc-dark .category-container .category-info { border-color: var(--vcd-line); background: var(--vcd-surface); color: var(--vcd-soft); }
  html.vc-dark .category-container .category-description h3, html.vc-dark .category-container .category-description b { color: var(--vcd-text); }
  html.vc-dark .category-container .event-list h3 span, html.vc-dark .category-container .event-list .current-month span { color: var(--vcd-accent); }
  html.vc-dark .category-container .event-list li { border-color: var(--vcd-line); background: var(--vcd-surface); }
  html.vc-dark .category-container .event-list li:hover { border-color: var(--vcd-link); box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35); }
  html.vc-dark .category-container .event-list .event-icons a { color: var(--vcd-link); }
  html.vc-dark .category-container .event-list .date { background: var(--vcd-raised); color: var(--vcd-text); }
  html.vc-dark .category-container .event-list .event-title a { color: var(--vcd-text); }
  html.vc-dark .category-container .event-list .event-title a:hover { color: var(--vcd-accent); }
  html.vc-dark .category-container a { color: var(--vcd-link); }

  /* Contact */
  html.vc-dark .main-breadcrumb { border-color: var(--vcd-line); background: var(--vcd-surface); color: var(--vcd-muted); }
  html.vc-dark .main-breadcrumb a, html.vc-dark .main-breadcrumb .sep, html.vc-dark .main-breadcrumb span { color: var(--vcd-soft) !important; }
  html.vc-dark .fixed-width-standalone-text-page, html.vc-dark .fixed-width-standalone-text-page header .title, html.vc-dark .fixed-width-standalone-text-page header h2, html.vc-dark .fixed-width-standalone-text-page .text { color: var(--vcd-text); }
  html.vc-dark .fixed-width-standalone-text-page header, html.vc-dark .fixed-width-standalone-text-page header *, html.vc-dark .fixed-width-standalone-text-page .title-with-actions { border-color: var(--vcd-line); }
  html.vc-dark .vc-contact { color: var(--vcd-text); }
  html.vc-dark .vc-contact h1 { color: var(--vcd-text); }
  html.vc-dark .vc-contact-lead, html.vc-dark .vc-contact-note { color: var(--vcd-muted); }
  html.vc-dark .vc-contact-card { border-color: var(--vcd-line); background: var(--vcd-surface); }
  html.vc-dark .vc-contact h2 { color: var(--vcd-accent); }
  html.vc-dark .vc-contact-card a { color: var(--vcd-link); }
  html.vc-dark .vc-contact-card a:hover { color: #fff; }
  html.vc-dark .vc-contact-follow { background: var(--vcd-raised); }

  /* Login */
  html.vc-dark body:has(.login-page) { background: var(--vcd-bg) !important; }
  html.vc-dark .login-page .centered-column, html.vc-dark .login-page .register, html.vc-dark .login-page .link { color: var(--vcd-muted); }
  html.vc-dark .login-page .login-container { border-color: var(--vcd-line); background: var(--vcd-surface); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35); }
  html.vc-dark .login-page .login-reason-box { background: var(--vcd-raised) !important; color: var(--vcd-text) !important; }
  html.vc-dark .vc-login-title h1 { color: var(--vcd-text); }
  html.vc-dark .vc-login-title p { color: var(--vcd-muted); }
  html.vc-dark .login-page #login-form input:not([type=hidden]):not([type=submit]) { border-color: var(--vcd-line) !important; background: var(--vcd-bg) !important; color: var(--vcd-text); }
  html.vc-dark .login-page #login-form input:not([type=hidden]):not([type=submit]):focus { border-color: var(--vcd-link) !important; }
  html.vc-dark .login-page .login-container a, html.vc-dark .login-page .register a, html.vc-dark .login-page .link a { color: var(--vcd-accent) !important; }
  html.vc-dark .login-page .login-container a:hover, html.vc-dark .login-page .register a:hover, html.vc-dark .login-page .link a:hover { color: #fff !important; }

  /* Timetable */
  html.vc-dark .vc-prog, html.vc-dark .vc-pop {
    --vc-blue: var(--vcd-fill);
    --vc-blue-dark: #3d4b80;
    --vc-red: var(--vcd-accent);
    --vc-ink: var(--vcd-text);
    --vc-muted: var(--vcd-muted);
    --vc-ground: var(--vcd-raised);
    --vc-line: var(--vcd-line);
    --vc-line-soft: var(--vcd-line-soft);
  }
  html.vc-dark .vc-prog a, html.vc-dark .vc-prog a:hover, html.vc-dark .vc-prog a.vc-room-name { color: var(--vcd-link); }
  html.vc-dark .vc-prog .vc-cell a.vc-title, html.vc-dark .vc-prog .vc-card a.vc-title, html.vc-dark .vc-prog .vc-list a.vc-title { color: var(--vcd-text); }
  html.vc-dark .vc-prog a.vc-room-tag, html.vc-dark .vc-prog a.vc-room-tag:hover { color: #fff; }
  html.vc-dark .vc-prog .vc-room-tag { background: var(--vcd-fill); }
  html.vc-dark .vc-prog a.vc-download { border-color: var(--vcd-link); background: transparent; color: var(--vcd-link); }
  html.vc-dark .vc-prog a.vc-download:hover { background: var(--vcd-fill); color: #fff; }
  html.vc-dark .vc-prog .vc-pdf-updated { color: var(--vcd-muted); }
  html.vc-dark .vc-days button { background: var(--vcd-raised) !important; }
  html.vc-dark .vc-days button:hover { border-color: var(--vcd-line) !important; }
  html.vc-dark .vc-prog input.vc-q { border-color: var(--vcd-line); background: var(--vcd-surface) !important; color: var(--vcd-text) !important; }
  html.vc-dark .vc-prog input.vc-q::placeholder { color: var(--vcd-muted); }
  html.vc-dark .vc-prog button.vc-clear { color: var(--vcd-link) !important; }
  html.vc-dark .vc-chips button { border-color: var(--vcd-line); background: var(--vcd-surface); }
  html.vc-dark .vc-chips button[aria-pressed="true"] { border-color: var(--vcd-fill); background: var(--vcd-fill); color: #fff; }
  html.vc-dark .vc-notice { background: rgba(217, 144, 47, 0.16); color: #ffd9a0; }
  html.vc-dark .vc-prog ul.vc-list, html.vc-dark .vc-grid-box, html.vc-dark .vc-card { background: var(--vcd-surface); }
  html.vc-dark .vc-list li.is-break { background: var(--vcd-raised); }
  html.vc-dark .vc-prog .vc-grid thead th, html.vc-dark .vc-prog .vc-grid tbody th { background: var(--vcd-raised) !important; color: var(--vcd-text) !important; } /* the theme's table th, with !important */
  html.vc-dark .vc-prog .vc-grid td { background: var(--vcd-surface); }
  html.vc-dark .vc-prog .vc-grid td.vc-block, html.vc-dark .vc-card.vc-block { background: #33301f; }
  html.vc-dark .vc-block-label { color: #f0c070; }
  html.vc-dark .vc-results mark { color: #1c2339; }
  html.vc-dark .vc-heart, html.vc-dark .vc-heart.is-on { color: #ff8f87 !important; }
  html.vc-dark .vc-heart:hover { background: rgba(255, 123, 114, 0.16) !important; }
  html.vc-dark .vc-vote-btn { background: transparent !important; color: #ff9b93 !important; border-color: #ff9b93 !important; }
  html.vc-dark .vc-vote-btn:hover { background: rgba(255, 123, 114, 0.16) !important; }
  html.vc-dark .vc-vote-btn.is-on { background: #d0021b !important; color: #fff !important; border-color: #d0021b !important; }
  html.vc-dark .vc-votebar { border-color: rgba(255, 123, 114, 0.4); background: rgba(255, 123, 114, 0.12); color: #ffc9c4; }
  html.vc-dark .vc-votebar.is-closed { border-color: var(--vcd-line); background: var(--vcd-surface); color: var(--vcd-muted); }
  html.vc-dark a.vc-votebar-me { color: #ff9b93; }
  html.vc-dark .vc-pop { background: var(--vcd-surface); box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5); }
  html.vc-dark .vc-pop .vc-d-title { color: var(--vcd-text) !important; }
  html.vc-dark .vc-d-close:hover { background: var(--vcd-raised) !important; }
  html.vc-dark .vc-d-foot a, html.vc-dark .vc-d-foot a:hover { color: var(--vcd-link); }
  html.vc-dark .vc-backdrop { background: rgba(0, 0, 0, 0.6); }

  /* Overview */
  html.vc-dark.vc-overview-page {
    --vc-blue: var(--vcd-fill);
    --vc-red-dark: var(--vcd-accent);
    --vc-ink: var(--vcd-text);
    --vc-muted: var(--vcd-muted);
    --vc-ground: var(--vcd-raised);
    --vc-line: var(--vcd-line);
    --vc-line-soft: var(--vcd-line-soft);
  }
  html.vc-dark.vc-overview-page .vc-ov, html.vc-dark.vc-overview-page .vc-ov-card, html.vc-dark.vc-overview-page .conferenceDetails > .infogrid { background: var(--vcd-surface); }
  html.vc-dark.vc-overview-page .vc-ov-theme, html.vc-dark.vc-overview-page .vc-ov-card blockquote { color: var(--vcd-text); }
  html.vc-dark.vc-overview-page .vc-ov-icon { background: var(--vcd-raised); }
  html.vc-dark.vc-overview-page .vc-ov-icon svg { fill: var(--vcd-link); }
  html.vc-dark.vc-overview-page .vc-ov a.vc-ov-btn.vc-ov-btn { border-color: var(--vcd-line) !important; background: var(--vcd-raised) !important; }
  html.vc-dark.vc-overview-page .vc-ov a.vc-ov-btn.vc-ov-btn:hover { border-color: var(--vcd-text) !important; }
  html.vc-dark.vc-overview-page .vc-ov a.vc-ov-btn.vc-ov-btn-main { border-color: #d00000 !important; background: #d00000 !important; }
  html.vc-dark.vc-overview-page .vc-ov a.vc-ov-btn.vc-ov-btn-main:hover { border-color: #b80000 !important; background: #b80000 !important; }
  html.vc-dark.vc-overview-page .vc-ov a.vc-ov-btn.vc-ov-btn-reg { border-color: var(--vcd-fill) !important; background: var(--vcd-fill) !important; }
  html.vc-dark.vc-overview-page .vc-ov a.vc-ov-btn.vc-ov-btn-reg:hover { border-color: #3d4b80 !important; background: #3d4b80 !important; }
  html.vc-dark.vc-overview-page .vc-ov-kind, html.vc-dark.vc-overview-page .vc-ov a.vc-ov-talk-title:hover { color: var(--vcd-link) !important; }
  html.vc-dark.vc-overview-page .vc-ov-keynote .vc-ov-kind { color: var(--vcd-accent) !important; }
  html.vc-dark.vc-overview-page .vc-ov-invited .vc-ov-kind, html.vc-dark.vc-overview-page .vc-ov-online { color: #7fd8c4 !important; }
  html.vc-dark.vc-overview-page .vc-ov-talk.vc-ov-invited { border-left-color: #7fd8c4; }
  html.vc-dark.vc-overview-page .vc-ov-talk { border-left-color: var(--vcd-link); }
  html.vc-dark.vc-overview-page .vc-ov-talk.vc-ov-keynote { border-left-color: var(--vcd-accent); }
  html.vc-dark.vc-overview-page .vc-ov-card li::marker { color: var(--vcd-link); }
  html.vc-dark.vc-overview-page .vc-ov-card blockquote { border-left-color: var(--vcd-link); background: var(--vcd-raised); }
  html.vc-dark.vc-overview-page .vc-ov-st-assessment { --st-fg: #a9d3f5; --st-bg: #1a3148; --st-dot: #5aa7e0; }
  html.vc-dark.vc-overview-page .vc-ov-st-pd { --st-fg: #f2cf8f; --st-bg: #3a2e16; --st-dot: #e0a53f; }
  html.vc-dark.vc-overview-page .vc-ov-st-linguistics { --st-fg: #9de3d2; --st-bg: #15352f; --st-dot: #3fbfa5; }
  html.vc-dark.vc-overview-page .vc-ov-st-ethics { --st-fg: #f7b4b6; --st-bg: #3d1e22; --st-dot: #e8656a; }
  html.vc-dark.vc-overview-page .vc-ov-st-other { --st-fg: #cdd3e1; --st-bg: var(--vcd-raised); --st-dot: #aab2c5; }
  html.vc-dark.vc-overview-page .vc-ov-card.vc-ov-cta { border-color: rgba(255, 123, 114, 0.4); background: rgba(255, 123, 114, 0.1); }

  /* Scientific Program */
  html.vc-dark.vc-program-page {
    --vc-ink: var(--vcd-text);
    --vc-muted: var(--vcd-muted);
    --vc-line: var(--vcd-line);
    --vc-line-soft: var(--vcd-line-soft);
  }
  html.vc-dark.vc-program-page ul.tracks > li.vc-ptrack { background: var(--vcd-surface) !important; }
  html.vc-dark.vc-program-page ul.tracks > li.vc-ptrack:hover { box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35); }
  html.vc-dark.vc-program-page .vc-ptrack .track-code { background: var(--vcd-raised); }
  html.vc-dark.vc-program-page .vc-ptrack .description { color: var(--vcd-soft) !important; }

  /* Contribution list and contribution pages */
  html.vc-dark.vc-contribution-list, html.vc-dark.vc-contribution-page {
    --vc-ink: var(--vcd-text);
    --vc-muted: var(--vcd-muted);
    --vc-line: var(--vcd-line);
    --vc-line-soft: var(--vcd-line-soft);
  }
  html.vc-dark.vc-contribution-list li.contribution-row { background: var(--vcd-surface); }
  html.vc-dark.vc-contribution-list li.contribution-row:hover { box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35); }
  html.vc-dark.vc-contribution-list li.contribution-row > .description { color: var(--vcd-soft); }
  html.vc-dark.vc-contribution-list .contrib-title .contrib-id { color: var(--vcd-muted) !important; }
  html.vc-dark.vc-contribution-list .description-link, html.vc-dark.vc-contribution-list .description-link:hover { color: var(--vcd-link) !important; }
  html.vc-dark.vc-contribution-page .item-summary > header, html.vc-dark.vc-contribution-page .item-summary > .page-content { background: var(--vcd-surface); }
  html.vc-dark.vc-contribution-page .vc-back, html.vc-dark.vc-contribution-page .page-content .speaker-item a { color: var(--vcd-link); }
  html.vc-dark.vc-contribution-page .page-content .description { color: var(--vcd-soft); }
  html.vc-dark .vc-room-chip.vc-room-chip { background: var(--vcd-fill) !important; }
}