/* ELENPOST 1.0 - MINIMALIST THEME STYLES */

:root {
  --color-storm: #434343;
  --color-storm-dark: #2E2E2E;
  --color-storm-card: #383838;
  --color-granite: #4D727E;
  --color-granite-hover: #3D5B65;
  --color-canvas: #FAEBCD;
  --color-canvas-dark: #1F1E1B;
}

body {
  background-color: #2E2E2E;
  color: #F3F4F6;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
}

.custom-scrollbar::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #4D727E;
  border-radius: 9999px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #688E9B;
}

.fade-in {
  animation: fadeIn 0.18s ease-out forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}