/* Paoli Group - Forgejo Brand Theme v1.0
   Brand Colors: Navy (#24254E), Blue (#2D2E77), Ceil (#7D8EC6), Salmon (#F2A499), White (#F5F4F0)
*/

:root {
  /* Paoli Brand Definition */
  --paoli-navy: #24254E;
  --paoli-blue: #2D2E77;
  --paoli-ceil: #7D8EC6;
  --paoli-salmon: #F2A499;
  --paoli-white: #F5F4F0;

  /* Forgejo UI Variable Mapping */
  --color-primary: var(--paoli-blue);
  --color-primary-dark-1: var(--paoli-navy);
  --color-primary-light-1: var(--paoli-ceil);
  
  --color-body: var(--paoli-white);
  --color-box-body: #ffffff;
  --color-text: var(--paoli-navy);
  --color-text-light: var(--paoli-blue);
  --color-link: var(--paoli-blue);
  
  /* Navbar & Footer */
  --color-navbar: var(--paoli-navy);
  --color-nav-bg: var(--paoli-navy);
  --color-nav-hover-bg: var(--paoli-blue);
  --color-nav-text: var(--paoli-white);
  --color-footer: var(--paoli-navy);
}

/* Fix for the overlapping navbar elements in your screenshot */
.ui.navbar {
  background-color: var(--paoli-navy) !important;
}

.ui.navbar .item {
  color: var(--paoli-white) !important;
  margin: 0 !important; /* Prevents the overlap seen in your screenshot */
}

/* Logo Sizing */
.ui.navbar .brand img {
  height: 32px;
  width: auto;
}

/* Active Tab Salmon Accent */
.ui.tabular.menu .active.item {
  border-top: 3px solid var(--paoli-salmon) !important;
  color: var(--paoli-navy) !important;
}