/* ============================================================================
   IF YOU'RE IN THE ADMIN PANEL, YOU ARE EDITING A PRE-EXISTING THEME.
===============================================================================

   Want to make a new theme instead? Copy this structure into the "New Theme"
   section ABOVE (not in this box) and adjust the variables to your liking.

   If you're a curious user poking around in dev tools: hi!
   You’ve found one of Nocturne’s live theme CSS files.
   ============================================================================
*/

:root {
  --page-bg: rgba(10, 7, 20, 0.25);
  --page-bg-strong: rgba(10, 7, 20, 0.6);

  --header-footer-bg: rgba(35, 30, 45, 0.9);
  --content-bg: rgba(10, 7, 20, 0.4);

  --primary-bg: rgba(255, 255, 255, 0.8);
  --secondary-bg: rgba(255, 255, 255, 1);
  --tertiary-bg: rgba(0,0,0,0.07);

  --accent-1: #3f3a64;
  --accent-hover: #574d7a;
  --accent-text: #dac9f3;

  --accent-2: rgba(70,56,127, 0.2);
  --accent-3: rgba(70,56,127, 0.4);

  --event-bg: #849dbe;
  --event-text: var(--primary-text);
  --event-border: var(--forum-bg2);

  --forum-bg: rgba(49,49,91, 0.8);
  --forum-bg2: rgba(49,49,91, 0.75);

  --btn-bg: rgba(138,117,169,1);
  --btn-hover: rgba(155,134,185,1);
  --btn-text: #f3edfb;

  --primary-text: #161D23;
  --secondary-text: #ddd;

  --link-color: rgba(126,110,158,1);
  --link-hover: rgba(126,110,158,0.8);
}


.event-banner strong, .event-sum {
  color: var(--event-text);
}

a.event-link {
	color: var(--forum-bg) !important;
}

a.event-link:hover {
	color: var(--forum-bg2) !important;
}