@import "tailwindcss";

:root {
  --background: #ffffff;
  --foreground: #0f172a;
  --card: #ffffff;
  --card-border: #e2e8f0;
  --accent: #2563eb;
  --accent-hover: #1d4ed8;
  --accent-green: #10b981;
  --accent-violet: #7c3aed;
}

body {
  background-color: var(--background);
  color: var(--foreground);
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  overflow-x: hidden;
}

/* Flat Premium Panel Styles */
.glass-panel {
  background: var(--card);
  border: 1px solid var(--card-border);
}

.glass-panel:hover {
  border-color: #cbd5e1;
}

.glass-input {
  background: #ffffff;
  border: 1px solid #cbd5e1;
  color: #0f172a;
  transition: border-color 0.15s ease;
}

.glass-input:focus {
  border-color: #2563eb;
  outline: none;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}