/*
    Updated custom CSS to incorporate the brand green from the SCOOP website.
*/

:root {
  /* Header and structural areas */
  --conf-theme-header-bg: #e6eee8; /* The signature green */
  --conf-theme-header-border-bottom: #cdded7;
  --conf-theme-header-text: #222222;

  /* Subtitle area */
  --conf-theme-subtitle-bg: #f2f7f5;
  --conf-theme-subtitle-border: #dbe6e1;
  --conf-theme-subtitle-text: #444444;

  /* Menu colors */
  --conf-theme-menu-bg: #fefefe;
  --conf-theme-menu-border: #dbe6e1;
  --conf-theme-menu-link: #222222;
  --conf-theme-menu-selected: #5a6662; /* Harmonized with the logo grey */
  --conf-theme-menu-selected-bg: #e6eee8;
  --conf-theme-menu-selected-border: #cdded7;
  --conf-theme-hover-bg: #e6eee8;
  --conf-theme-hover-color: var(--conf-theme-menu-link);

  /* Announcement colors */
  --conf-theme-announcement-bg: #e6eee8;
  --conf-theme-announcement-border: #cdded7;
  --conf-theme-announcement-text: #222222;
}

/* Ensure UI elements inherit the corrected theme */
.ui-menu-item a.selected {
  border-left: 4px solid #5a6662; /* Added a stronger left-border accent */
  background: var(--conf-theme-menu-selected-bg);
}

.editor-output {
	font-size: 1.2em;
	
}