:root {
  --color-primary: #258dd9;
  --color-primary-rgb: 0, 224, 255;
  --color-primary-hover: #59a8e3;
  --color-secondary: #1e1e1e;
  --color-secondary-hover: #3d3d3d;
  --card-bg: 10, 10, 10;
  --card-border: rgba(255, 255, 255, 0.1);
  --card-highlight: rgba(0, 224, 255, 0.15);
  --card-hover-shadow: 0 22px 40px rgba(0, 224, 255, 0.2);
  --feature-color: rgba(255, 255, 255, 0.85);
  --gradient-primary: linear-gradient(135deg, #258dd9, #59a8e3);
  --gradient-secondary: linear-gradient(135deg, #1e1e1e, #3d3d3d);
  --color-bg: #1e1e1e;
  --color-bg-light: #1f1f1f;
  --color-bg-lighter: #282828;
  --color-text: #fff;
  --color-text-muted: #737373;
  --color-text-success: #258dd9;
  --color-text-danger: #dc2626;
  --color-border: #454545;
  --color-border-hover: #6c6c6c;
  --color-header: #161616;
  --color-header-light: #212121;
  --color-sidebar: #212121;
  --color-sidebar-light: #232323;
}
body {
  font-family: Inter, system-ui, -apple-system, sans-serif;
  background-color: var(--color-bg);
}
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: var(--color-sidebar-light);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--color-border-hover), var(--color-border));
  border-radius: 10px;
  transition: all 0.3s ease-in-out;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--color-text-muted);
}
[x-cloak] {
  display: none !important;
}
/* New Loading Animation for Lightning Bolt */
@keyframes lightningFill {
  0% {
    fill: var(--color-bg-lighter);
  }
  50% {
    fill: var(--color-primary);
  }
  100% {
    fill: var(--color-bg-lighter);
  }
}
.animate-lightning {
  animation: lightningFill 1.5s infinite;
}
/*# sourceMappingURL=base.css.map */