:root {
  --ccb-navy: #011E40;
  --ccb-blue: #08305E;
  --ccb-blue-light: #124B84;
  --ccb-gold: #C8A34A;
  --ccb-gold-light: #E5C46A;
  --ccb-white: #FFFFFF;
  --ccb-bg: #F8FAFC;
  --ccb-border: #D8C79C;

  --conf-theme-header-bg: var(--ccb-navy);
  --conf-theme-header-border-bottom: var(--ccb-gold);
  --conf-theme-header-text: #fff;

  --conf-theme-subtitle-bg: var(--ccb-bg);
  --conf-theme-subtitle-border: var(--ccb-border);
  --conf-theme-subtitle-text: var(--ccb-navy);

  --conf-theme-menu-bg: var(--ccb-navy);
  --conf-theme-menu-border: var(--ccb-gold);
  --conf-theme-menu-link: #fff;
  --conf-theme-menu-selected: var(--ccb-gold);
  --conf-theme-menu-selected-bg: var(--ccb-blue);
  --conf-theme-menu-selected-border: var(--ccb-gold);
  --conf-theme-hover-bg: var(--ccb-blue-light);
  --conf-theme-hover-color: #fff;

  --conf-theme-support-bg: #fff;
  --conf-theme-support-border: var(--ccb-border);
  --conf-theme-support-header-bg: var(--ccb-navy);
  --conf-theme-support-header-text: #fff;
  --conf-theme-support-text: #24425a;

  --conf-theme-announcement-bg: #F8FAFC;
  --conf-theme-announcement-border: var(--ccb-border);
  --conf-theme-announcement-text: var(--ccb-navy);

  --conf-theme-sprite-image: url('/images/conf/sprites_blue.png');
}

body {
  background:
    radial-gradient(circle at top right, rgba(200, 163, 74, 0.14), transparent 34rem),
    linear-gradient(180deg, #011E40 0%, #011E40 17rem, #F8FAFC 17rem);
}

.confHeader {
  background:
    linear-gradient(135deg, #011E40 0%, #08305E 55%, #011E40 100%);
  border-bottom: 4px solid #C8A34A;
  color: #fff;
}

.confTitle,
.confTitleBox {
  color: #fff;
  letter-spacing: 0.02em;
}

.confTitle {
  font-weight: 700;
  text-transform: uppercase;
}

.confSubTitleBox {
  background: rgba(255,255,255,0.96);
  border: 1px solid #D8C79C;
  color: #011E40;
}

.conf_leftMenu {
  background: #011E40;
  border: 1px solid #C8A34A;
  border-radius: 10px;
  overflow: hidden;
}

.conf_leftMenu a {
  color: #fff;
  font-weight: 500;
}

.conf_leftMenu a:hover {
  background: #124B84;
  color: #E5C46A;
}

.conf_leftMenu .selected,
.conf_leftMenu .selected a {
  background: #08305E;
  color: #C8A34A;
  font-weight: 700;
}

.confBodyBox,
.mainContent,
.event-page-content {
  background: #fff;
  border-radius: 14px;
}

h1, h2, h3,
.category-title,
.section-title {
  color: #011E40;
}

h1::after,
h2::after {
  content: "";
  display: block;
  width: 72px;
  height: 3px;
  margin-top: 0.4rem;
  background: linear-gradient(90deg, #C8A34A, transparent);
}

a {
  color: #08305E;
}

a:hover {
  color: #C8A34A;
}

button,
.i-button,
.action-button,
input[type="submit"] {
  background: #011E40;
  border-color: #C8A34A;
  color: #fff;
  border-radius: 6px;
}

button:hover,
.i-button:hover,
.action-button:hover,
input[type="submit"]:hover {
  background: #08305E;
  color: #E5C46A;
}

.announcement,
.conf_announcements {
  background: #F8FAFC;
  border-left: 5px solid #C8A34A;
  color: #011E40;
}

.support_box {
  border: 1px solid #D8C79C;
  border-radius: 10px;
}

.support_box .header {
  background: #011E40;
  color: #fff;
}