/* 42agency.com branding styles */
:root {
  --primary-color: #00E676;      /* Bright green */
  --primary-darker: #00C853;     /* Darker green for hover states */
  --text-color: #134657;         /* Dark teal for headings */
  --light-bg: #f5f5f5;           /* Light background color */
  --border-color: #e0e0e0;       /* Border color */
}

body {
  background-color: var(--light-bg);
  color: var(--text-color);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.navbar-brand {
  font-weight: 700;
  color: var(--primary-color) !important;
  font-size: 1.8rem;
}

.btn-primary {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: white;
}

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

.card {
  border-color: var(--border-color);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.card-header {
  background-color: rgba(0, 230, 118, 0.05);
  border-bottom: 1px solid var(--border-color);
  color: var(--text-color);
  font-weight: 600;
}

.nav-tabs .nav-link.active {
  color: var(--primary-color);
  border-bottom-color: var(--primary-color);
  font-weight: 600;
}

.badge.bg-primary {
  background-color: var(--primary-color) !important;
}

.badge.bg-info {
  background-color: rgba(0, 230, 118, 0.2) !important;
  color: var(--text-color) !important;
}

.accordion-button:not(.collapsed) {
  background-color: rgba(0, 230, 118, 0.05);
  color: var(--text-color);
}

.progress-bar {
  background-color: var(--primary-color);
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: var(--text-color);
  font-weight: 700;
}

footer {
  background-color: rgba(0, 230, 118, 0.05);
}

/* Logo styling */
.logo-42 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  background-image: url('/42-logo.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Adjust chart colors */
canvas {
  background-color: white;
}