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

:root {
  --accent: 16 185 129;
}

body {
  font-family: 'Inter', system_ui, sans-serif;
}

.font-display {
  font-family: 'Space Grotesk', 'Inter', system_ui, sans-serif;
  font-weight: 600;
}

.fintech-card {
  background-color: #18181b;
  border: 1px solid #27272a;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1),
              box-shadow 0.2s cubic-bezier(0.4, 0.0, 0.2, 1),
              border-color 0.2s;
}

.fintech-card:hover {
  border-color: #3f3f46;
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

.section-header {
  font-size: 0.75rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-weight: 600;
  color: #71717a;
}

.metric-value {
  font-variant-numeric: tabular-nums;
}

.data-table {
  font-variant-numeric: tabular-nums;
}

.nav-item {
  transition: all 0.1s ease;
}

.nav-item.active {
  background-color: #27272a;
  color: white;
  border-radius: 6px;
}

.nav-item:hover:not(.active) {
  background-color: #27272a;
  color: #e4e4e7;
}

.shimmer {
  animation: shimmer 1.5s infinite linear;
  background: linear-gradient(90deg, #27272a 25%, #3f3f46 50%, #27272a 75%);
  background-size: 200% 100%;
}

.modal-anim {
  animation: modalPop 0.2s cubic-bezier(0.32, 0.72, 0, 1);
}

@keyframes modalPop {
  from { opacity: 0; transform: scale(0.96) translateY(10px); }
  to { opacity: 1; transform: scale(1) translateY(0); }
}

.yield-positive {
  color: #34d399;
}

.table-row {
  transition: background-color 0.1s ease;
}

.table-row:hover {
  background-color: #27272a;
}

.stat-pill {
  background-color: #27272a;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 1px 9px;
  border-radius: 9999px;
}

.fintech-input {
  background-color: #27272a;
  border: 1px solid #3f3f46;
  color: #f4f4f5;
  transition: all 0.1s ease;
}

.fintech-input:focus {
  border-color: #10b981;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
  outline: none;
}

.chart-container {
  position: relative;
}

.metric-card {
  background: #18181b;
  border: 1px solid #27272a;
}

.accent-emerald {
  color: #10b981;
}

.ticker-badge {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-weight: 700;
  letter-spacing: -.025em;
}

.distribution-type {
  font-size: 0.6875rem;
  padding: 0 6px;
  line-height: 1.25rem;
  font-weight: 600;
}

.subtle-grid {
  background-image:
    linear-gradient(rgba(63, 63, 70, 0.15) 1px, transparent 1px),
    linear-gradient(90deg, rgba(63, 63, 70, 0.15) 1px, transparent 1px);
  background-size: 24px 24px;
}

.data-dense {
  font-size: 0.9375rem;
}

.nav-logo {
  font-family: 'Space Grotesk', system_ui, sans-serif;
  letter-spacing: -.03em;
}