/* Tailwind CSS Base & Custom Clean Utilities */
@import url('https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css');

:root {
  --background: #070a0f;
  --foreground: #f0f6fc;
  --card-bg: rgba(13, 17, 26, 0.75);
  --card-border: rgba(255, 255, 255, 0.1);
  --accent-cyan: #06b6d4;
  --accent-amber: #f59e0b;
}

body {
  background-color: var(--background);
  color: var(--foreground);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  overflow-x: hidden;
}

.font-serif {
  font-family: 'Playfair Display', Georgia, serif;
}

.font-mono {
  font-family: 'JetBrains Mono', monospace;
}

/* Opaque Header & Navigation */
.site-header {
  background-color: #070a0f !important;
  background: #070a0f !important;
  opacity: 1 !important;
  z-index: 9999 !important;
}

#mobileDrawer {
  background-color: #070a0f !important;
  background: #070a0f !important;
  opacity: 1 !important;
}

/* Glassmorphism Cards */
.glass-card {
  background: var(--card-bg);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid var(--card-border);
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #070a0f;
}

::-webkit-scrollbar-thumb {
  background: #1e293b;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #06b6d4;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}