/* Nenu page-specific colors and view visibility. */

body.nenu {
  --nenu-icon-bg: linear-gradient(135deg, #2b5e77, #337394, #3d8caf);
  --nenu-icon-color: #4caf50;
  --nenu-section-bg: rgba(255, 255, 255, 0.035);
  --nenu-section-border: rgba(255, 255, 255, 0.08);
  --nenu-section-heading: var(--site-accent);
  --nenu-section-heading-border: rgba(255, 255, 255, 0.1);
  --nenu-copy-color: #dddddd;
  --nenu-timeline-heading: var(--site-accent);
  --nenu-timeline-copy: #eeeeee;
  --nenu-skill-bg: #333333;
  --nenu-skill-border: rgba(255, 255, 255, 0.08);
  --nenu-skill-text: #ffffff;
  --nenu-toggle-track: var(--site-accent);
  --nenu-toggle-checked: var(--site-accent);
  --nenu-toggle-focus: rgba(255, 193, 7, 0.9);
  --nenu-tooltip-bg: rgba(48, 48, 48, 0.96);
  --nenu-tooltip-text: #ffe0bd;
  --nenu-tooltip-border: rgba(255, 153, 51, 0.38);
}

#professionalContainer[hidden],
#personalContainer[hidden] {
  display: none !important;
}