:root {
  /* Header */
  --conf-theme-header-bg: #2f4fa2;            /* deep blue */
  --conf-theme-header-border-bottom: #223a78;

  /* Subtitle bar */
  --conf-theme-subtitle-bg: #eef1f6;          /* cool light gray */
  --conf-theme-subtitle-border: #c9cfdb;

  /* Menu */
  --conf-theme-menu-bg: #f4f6fa;
  --conf-theme-menu-border: #c9cfdb;
  --conf-theme-menu-link: #2f2f3a;            /* dark neutral */

  /* Support box */
  --conf-theme-support-bg: #f4f6fa;
  --conf-theme-support-border: #c9cfdb;
  --conf-theme-support-header-bg: #6a4fb3;    /* muted purple */

  /* Sprites & interactions */
  --conf-theme-sprite-image: url('/images/conf/sprites_blue.png');
  --conf-theme-hover-bg: #6a4fb3;              /* purple hover */
  --conf-theme-hover-color: #ffffff;

  --conf-theme-title-sprite-bg: var(--conf-theme-sprite-image);
  --conf-theme-announcement-sprite-bg: var(--conf-theme-sprite-image);
  --conf-theme-announcement-border-top: none;
  --conf-theme-announcement-border-bottom: 1px solid #c9cfdb;
}

/* Subtitle box */
.confSubTitleBox {
  background: var(--conf-theme-subtitle-bg)
              var(--conf-theme-sprite-image) repeat-x 0 -213px;
  border-bottom: 1px solid var(--conf-theme-subtitle-border);
  border-top: 1px solid var(--conf-theme-subtitle-border);
}

/* Subtitle text */
.confSubTitle {
  color: #3f4452;   /* cool dark gray */
}