/* Inter Africa Portal Custom Styles */
/* Source of truth for portal styling - mount as volume in Docker */

:root {
  --ia-primary: #C92030;
  --ia-primary-hover: #A51822;
  --ia-bg: #FFFFFF;
  --ia-bg-muted: #F3F4F6;
  --ia-text: #111827;
  --ia-text-muted: #6B7280;
  --ia-border: #E5E7EB;
}

/* Brand-specific utilities */
.ia-card {
  background: var(--ia-bg);
  border: 1px solid var(--ia-border);
  border-radius: 1rem;
}

.ia-shadow {
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
}

.ia-shadow-lg {
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

/* Brand button styles */
.ia-btn-primary {
  background: var(--ia-primary);
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 0.75rem;
  font-weight: 500;
  transition: background 0.2s;
}

.ia-btn-primary:hover {
  background: var(--ia-primary-hover);
}

/* Module tile hover effect */
.ia-module-tile {
  transition: all 0.2s ease;
}

.ia-module-tile:hover {
  border-color: var(--ia-primary);
  transform: translateY(-2px);
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
}

/* Status indicators */
.ia-status-success { color: #10B981; }
.ia-status-warning { color: #F59E0B; }
.ia-status-error { color: #EF4444; }
.ia-status-info { color: #3B82F6; }

/* Inter Africa specific badge */
.ia-badge {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 500;
}

/* Loading states */
.ia-loading {
  animation: ia-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes ia-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}