@import "tailwindcss";
@source "../index.html";
@source "./**/*.js";

@layer base {
  body {
    font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
    background-color: #111318;
    color: #E7EAF0;
    overflow-x: hidden;
  }
  
  code, pre, .font-mono {
    font-family: 'JetBrains Mono', monospace;
  }
}

/* Subdued Dark Premium Design System */
.panel-base {
  background-color: #1A1D24;
  border: 1px solid #303641;
}

.panel-secondary {
  background-color: #222630;
  border: 1px solid #303641;
}

.panel-hover {
  transition: all 0.2s ease-in-out;
}
.panel-hover:hover {
  background-color: #20242D;
  border-color: #424A58;
}

/* Button & Accent Utilities */
.btn-accent-blue {
  background-color: #789BCB;
  color: #0E1219;
}
.btn-accent-blue:hover {
  background-color: #8EADE0;
}

.btn-accent-purple {
  background-color: #9A8ABF;
  color: #0E1219;
}
.btn-accent-purple:hover {
  background-color: #AF9FD6;
}

/* Custom scrollbars */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #111318;
}
::-webkit-scrollbar-thumb {
  background: #2B313D;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: #3E4657;
}