@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
  --background: 255 18% 7%;              /* #100F16 */
  --foreground: 250 20% 96%;
  --card: 256 16% 10%;                   /* #16141F */
  --card-foreground: 250 20% 96%;
  --surface-2: 256 15% 13%;              /* #1E1A29 */
  --surface-3: 256 14% 16%;
  --primary: 258 90% 66%;                /* #8B5CF6 Vivid Violet */
  --primary-foreground: 0 0% 100%;
  --secondary: 256 14% 14%;
  --secondary-foreground: 250 20% 96%;
  --muted: 256 12% 18%;
  --muted-foreground: 250 12% 66%;
  --muted-foreground-subtle: 250 10% 52%;
  --admin: 190 80% 55%;                  /* #38BDF8 Cyan */
  --admin-foreground: 0 0% 100%;
  --success: 152 60% 45%;
  --warning: 42 92% 56%;
  --destructive: 0 62.8% 50.6%;
  --border: 256 14% 17%;
  --border-strong: 256 13% 26%;
  --input: 256 16% 12%;
  --sidebar: 256 18% 6%;
  --sidebar-border: 256 14% 14%;
  --radius: 0.5rem;
}

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
  overflow-x: hidden;
  letter-spacing: -0.01em;
}

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

.tabular {
  font-feature-settings: "tnum" 1;
  font-variant-numeric: tabular-nums;
}

.eyebrow {
  font-family: 'JetBrains Mono', monospace;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 0.6875rem; /* 11px */
  line-height: 1;
  color: hsl(var(--muted-foreground-subtle));
}

.glass {
  background: rgba(22, 20, 31, 0.7);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid hsl(var(--border));
}

.glass-card {
  background: hsl(var(--card));
  border: 1px solid hsl(var(--border));
  border-radius: var(--radius);
}

.glass-card:hover {
  border-color: hsl(var(--border-strong));
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: hsl(var(--background));
}
::-webkit-scrollbar-thumb {
  background: hsl(var(--border-strong));
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: hsl(var(--muted-foreground));
}

/* Animations */
@keyframes pulse-subtle {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}
.pulse-live {
  animation: pulse-subtle 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}