/* EPFL theme for Indico -- conference / meeting event pages.

   These pages (dist/css/conferences.*.css) use a SEPARATE set of custom
   properties from the rest of the app, declared on :root rather than body,
   because they are meant to be overridden per event from the event's own
   Layout settings. Setting them here only changes the DEFAULT, so an
   organiser can still theme their own event; unthemed events inherit EPFL
   branding instead of Indico blue. Verified live (view-source + computed
   styles) against the running test instance. */
:root {
  --conf-theme-header-bg: var(--epfl-red);
  --conf-theme-header-border-bottom: var(--epfl-red-border);
  --conf-theme-header-text: var(--epfl-white);

  --conf-theme-subtitle-bg: #fff5f5;
  --conf-theme-subtitle-border: #f0d5d5;
  --conf-theme-subtitle-text: var(--epfl-black);

  --conf-theme-menu-bg: var(--epfl-white);
  --conf-theme-menu-border: var(--epfl-gray-300);
  --conf-theme-menu-link: var(--epfl-black);
  --conf-theme-menu-selected: var(--epfl-red);
  --conf-theme-menu-selected-bg: var(--epfl-gray-200);
  --conf-theme-menu-selected-border: var(--epfl-gray-300);
  --conf-theme-hover-bg: var(--epfl-gray-200);

  --conf-theme-support-bg: var(--epfl-gray-050);
  --conf-theme-support-border: var(--epfl-gray-200);
  --conf-theme-support-header-bg: var(--epfl-red);
  --conf-theme-support-text: var(--epfl-gray-600);

  --conf-theme-announcement-bg: #fff5f5;
  --conf-theme-announcement-border: #f0d5d5;
  --conf-theme-announcement-text: var(--epfl-black);
}

/* Elements keeps headings black -- red is an accent, not a heading colour
   (epfl-si/elements, docs/design/typography.html). */
.page-title,
.category-title,
.banner .title,
.conference-page header h2,
.conference-page section .header-row h2,
.conference-page section .header-row h3,
.conference-page h3,
.balloon-qtip .title-container .title {
  color: var(--epfl-black);
}

.conference-page,
.conference-page .description,
.meeting-page header .page-description,
.contribution-list,
.speaker-list,
.timetable-title {
  font-family: 'SuisseIntl', Arial, sans-serif;
}

/* The event header wordmark sits on EPFL red, so it needs white type. */
.conference-page header h1,
.conference-page header .event-title {
  color: var(--conf-theme-header-text);
  font-weight: 700;
}