/* Custom styles for Executive Analytics Platform */

:root {
  --color-primary: #1e40af;
  --color-primary-dark: #1e3a8a;
  --color-secondary: #0891b2;
  --color-accent: #7c3aed;
  --color-text: #1f2937;
  --color-text-light: #6b7280;
  --color-bg: #ffffff;
  --color-bg-gray: #f9fafb;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  color: var(--color-text);
  line-height: 1.6;
}

/* Navigation active states */
.nav-active {
  color: var(--color-primary) !important;
  font-weight: 600;
}

/* Mobile menu styles */
.mobile-menu {
  display: none;
}

.mobile-menu.active {
  display: block;
}

/* Smooth transitions */
a {
  transition: color 0.2s ease, background-color 0.2s ease;
}

/* Module cards hover effect */
.module-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}

.module-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* CTA button styles */
.cta-button {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background-color: var(--color-primary);
  color: white;
  text-decoration: none;
  border-radius: 0.5rem;
  font-weight: 600;
  transition: background-color 0.2s ease;
}

.cta-button:hover {
  background-color: var(--color-primary-dark);
}

/* Breadcrumb styles */
.breadcrumb {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  color: var(--color-text-light);
  font-size: 0.875rem;
}

.breadcrumb a {
  text-decoration: none;
  color: var(--color-text-light);
}

.breadcrumb a:hover {
  color: var(--color-primary);
}