/* School colors: midnight blue, platinum and white.
   Platinum is too pale for text on white, so keep it to backgrounds and borders. */
:root {
  --midnight: #191970;
  --midnight-dark: #10104a;
  --platinum: #e5e4e2;
  --white: #ffffff;
}

/* Links */
a { color: var(--midnight); }
a:hover, a:focus { color: var(--midnight-dark); }
.breadcrumbs a { color: var(--midnight); }

/* Foundation components */
.tabs, .tabs-content { border-color: var(--platinum); }
.tabs-title > a { color: var(--midnight); }
.tabs-title > a:hover, .tabs-title > a:focus { background: var(--platinum); color: var(--midnight); }
.tabs-title > a[aria-selected="true"], .tabs-title.is-active > a {
  background: var(--midnight);
  color: var(--white);
}
.callout { border-color: var(--platinum); }
.callout.primary { background-color: var(--platinum); color: var(--midnight); }

/* FullCalendar sets its defaults on :root, so these go on .fc to take priority */
.fc {
  --fc-border-color: var(--platinum);
  --fc-neutral-bg-color: var(--platinum);
  --fc-today-bg-color: rgba(229, 228, 226, 0.5);
  --fc-button-bg-color: var(--midnight);
  --fc-button-border-color: var(--midnight);
  --fc-button-hover-bg-color: var(--midnight-dark);
  --fc-button-hover-border-color: var(--midnight-dark);
  --fc-button-active-bg-color: var(--midnight-dark);
  --fc-button-active-border-color: var(--midnight-dark);
  --fc-event-bg-color: var(--midnight);
  --fc-event-border-color: var(--midnight);
  --fc-list-event-hover-bg-color: var(--platinum);
}
.fc .fc-col-header-cell { background-color: var(--platinum); }