:root {
  --brand-bg: 5 5 5;
  --brand-card: 20 20 20;
  --brand-green: 50 205 50;
  --brand-green-dark: 34 139 34;
  --brand-pink: 255 45 120;
  --brand-text: 229 229 229;
  --brand-muted: 136 136 136;
  --brand-border: 51 51 51;
}

:root[data-theme="light"] {
  --brand-bg: 246 247 249;
  --brand-card: 255 255 255;
  --brand-text: 17 24 39;
  --brand-muted: 107 114 128;
  --brand-border: 229 231 235;
}

body {
  background-color: rgb(var(--brand-bg));
  color: rgb(var(--brand-text));
  font-family: "Inter", sans-serif;
  -webkit-tap-highlight-color: transparent;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.glass-nav {
  background: rgb(var(--brand-card) / 0.95);
  backdrop-filter: blur(12px);
  border-top: 1px solid rgb(var(--brand-green) / 0.1);
}

.lion-img-box {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}

.lion-img-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, #000 0%, transparent 50%);
}

@keyframes loadProgress {
  from {
    width: 0;
  }
}

.progress-bar-fill {
  animation: loadProgress 1.5s ease-out forwards;
}

:root[data-theme="light"] .text-white {
  color: rgb(var(--brand-text)) !important;
}

:root[data-theme="light"] .text-gray-300 {
  color: rgb(var(--brand-text)) !important;
}

:root[data-theme="light"] .bg-gray-800 {
  background-color: rgb(243 244 246) !important;
}

:root[data-theme="light"] .bg-black\/30 {
  background-color: rgb(243 244 246) !important;
}

:root[data-theme="light"] .bg-black\/50.text-white,
:root[data-theme="light"] .bg-black\/60.text-white,
:root[data-theme="light"] .bg-gray-800.text-white,
:root[data-theme="light"] .bg-brand-green.text-black,
:root[data-theme="light"] .bg-brand-green.text-white,
:root[data-theme="light"] .bg-brand-pink.text-white,
:root[data-theme="light"] .bg-red-600.text-white,
:root[data-theme="light"] .bg-purple-600.text-white,
:root[data-theme="light"] .bg-blue-500.text-white {
  color: rgb(255 255 255) !important;
}

:root[data-theme="light"] .border-gray-800,
:root[data-theme="light"] .border-gray-700,
:root[data-theme="light"] .border-gray-600 {
  border-color: rgb(var(--brand-border)) !important;
}

:root[data-theme="light"] .homefi-wallet-fab {
  color: rgb(255 255 255) !important;
}

:root[data-theme="light"] .homefi-wallet-action {
  background-color: rgb(var(--brand-green) / 1) !important;
}

:root[data-theme="light"] .homefi-wallet-action i {
  color: rgb(255 255 255) !important;
}

:root[data-theme="light"] .homefi-super-node-card {
  background: rgb(var(--brand-card)) !important;
  border-color: rgb(var(--brand-border)) !important;
}

@keyframes homefi-flame {
  0% {
    transform: translateY(0) scale(1);
    filter: drop-shadow(0 0 0 rgba(255, 165, 0, 0));
  }
  100% {
    transform: translateY(-1px) scale(1.08);
    filter: drop-shadow(0 0 10px rgba(255, 96, 0, 0.75));
  }
}

.homefi-hot-badge i {
  animation: homefi-flame 0.6s infinite alternate;
}