/* Custom styles for KonnektAI */

:root {
  /* Call to Action Colors */
  --cta-dark: #de0000;  /* dark red */
  --cta-light: #ff3f3f; /* light red */
  
  /* Error Colors */
  --error-serious: #ff3cff; /* serious error - Purple */
  --error-info: #ffad00;    /* info error - Bright orange */
  
  /* Normal Colors */
  --background: #ffffff;    /* Background white */
  --text: #000000;         /* Text black */
}

/* Navbar styling */
.navbar-brand {
  font-weight: bold;
  height: 120px;
  display: flex;
  align-items: center;
}

.navbar {
  margin-bottom: 20px;
  height: 120px;
}

/* Center navigation items vertically */
.navbar-nav {
  display: flex;
  align-items: center;
  height: 120px;
}
 
.navbar-nav > li > a {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 120px;
}

/* Dropdown menu positioning */
.navbar-nav > li.dropdown > .dropdown-menu {
  margin-top: -20px;
}

/* Footer styling */ 
.footer {
  position: fixed;
  bottom: 15px;
  width: 100%;
  color: #000000;
}

/* CTA Button styling */
.btn-primary {
  background-color: var(--cta-dark);
  border-color: var(--cta-dark);
}

.btn-primary:hover, .btn-primary:focus {
  background-color: var(--cta-light);
  border-color: var(--cta-light);
}

/* Alert styling */
.alert-danger {
  background-color: var(--error-serious);
  color: var(--background);
}

.alert-warning {
  background-color: var(--error-info);
  color: var(--text);
}

/* Main content area */
body {
  background-color: var(--background);
  color: var(--text);
}

/* Active nav item */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background-color: var(--cta-light);
  color: var(--background);
}