/**
 * Custom overrides — edit this file to change colors/layout.
 * Loaded after index-CYhNtko2.css in index.html and vote/index.html.
 */

/* Site-wide theme (vote page, home, modals) */
/* DexScreener nav CSS sets body colors; keep the vote app theme on #root */
body {
  background: hsl(var(--background)) !important;
  color: hsl(var(--foreground)) !important;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

:root {
  /* Gold vote button / accents */
  --boost: 43 96% 56%;
  --boost-foreground: 220 20% 7%;
  --boost-glow: 43 96% 45%;

  /* Page background */
  --background: 220 20% 7%;
  --foreground: 210 20% 92%;
  --card: 220 18% 12%;
  --border: 220 14% 22%;
  --muted-foreground: 215 12% 55%;
}

/* Vote modal card (approximate — rendered inside #root) */
#root .rounded-2xl.border {
  border-radius: 1rem !important;
}

/* Floating "Vote" button on chart */
#root .bg-boost {
  /* uses --boost above */
}

/* Mobile: keep vote app full-width and tappable */
@media screen and (max-width: 61.98em) {
  #root {
    overflow-x: clip;
  }

  #root img,
  #root video,
  #root iframe,
  #root canvas,
  #root svg {
    max-width: 100%;
  }

  #root button,
  #root a,
  #root [role="button"] {
    min-height: 44px;
  }

  #root .rounded-2xl.border {
    margin-left: max(12px, env(safe-area-inset-left, 0px));
    margin-right: max(12px, env(safe-area-inset-right, 0px));
  }
}