@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  --taka-black: #0F0F0F;
  --taka-dark: #1F1F1F;
  --taka-primary: #FF3366; /* Magenta Taka */
  --taka-accent: #00E5FF; /* Cyan Accent */
  --taka-gray: #8E8E93;
  --taka-light: #F2F2F7;
}

body {
  font-family: 'Inter', sans-serif;
  background-color: var(--taka-light);
  color: var(--taka-black);
  -webkit-font-smoothing: antialiased;
}

/* Navigation */
.navbar {
  background-color: var(--taka-black) !important;
}
.navbar-brand {
  font-weight: 700;
  letter-spacing: -0.5px;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255,255,255,0.8);
  font-weight: 500;
  font-size: 0.95rem;
}
.navbar-dark .navbar-nav .nav-link:hover, 
.navbar-dark .navbar-nav .nav-link.active {
  color: var(--taka-primary);
}

/* Cards */
.card {
  border-radius: 12px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.metric-card {
  border-left: 4px solid var(--taka-primary) !important;
}
.metric-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.05) !important;
}

/* Buttons */
.btn-primary {
  background-color: var(--taka-primary);
  border-color: var(--taka-primary);
  font-weight: 600;
}
.btn-primary:hover, .btn-primary:focus {
  background-color: #E62A5A;
  border-color: #E62A5A;
}
.btn-outline-primary {
  color: var(--taka-primary);
  border-color: var(--taka-primary);
}
.btn-outline-primary:hover {
  background-color: var(--taka-primary);
  border-color: var(--taka-primary);
}

/* Badges */
.badge.bg-primary { background-color: var(--taka-primary) !important; }
.badge.bg-info { background-color: var(--taka-accent) !important; }

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--taka-gray);
}