/* GMGN palette for the existing GNGM UI.
   Keep all original boxes, layout, dimensions, content, states and animations.
   This theme only changes paint, border rounding and font families. */
:root {
  --ax-bg: #121212;
  --background-secondary: 23 23 23;
  --background-tertiary: 31 31 31;
  --primary-stroke: 36 36 36;
  --secondary-stroke: 46 46 46;
  --border-subtle: 31 31 31;
  --text-primary: 245 245 245;
  --text-secondary: 153 153 153;
  --text-tertiary: 128 128 128;
  --primary-color: 105 207 141;
  --primary-color-hover: 128 220 159;
  --on-primary: 15 25 18;
  --increase: 70 184 125;
  --increase-hover: 105 207 141;
  --decrease: 222 87 89;
  --decrease-hover: 235 113 115;
  --primary-green: 70 184 125;
  --primary-red: 222 87 89;
  --primary-yellow: 240 185 14;
  --primary-light-blue: 78 167 250;
  --chart-up: 70 184 125;
  --chart-down: 222 87 89;
  --bnb: 240 185 14;
  --j7-bg: #121212;
  --j7-bg-2: #171717;
  --j7-bg-3: #1f1f1f;
  --j7-input: #1f1f1f;
  --j7-border: #242424;
  --j7-border-2: #2e2e2e;
  --j7-text: #f5f5f5;
  --j7-text-2: #cccccc;
  --j7-text-3: #808080;
  --j7-accent: #69cf8d;
  --j7-green: #46b87d;
  --j7-yellow: #f0b90e;
  --j7-red: #de5759;
  --j7-blue: #4ea7fa;
  --font-ax: "Geist", "Microsoft YaHei", system-ui, sans-serif;
  --font-j7: var(--font-ax);
}

html, body { background-color: #121212; }
#splash { background-color: #121212; color: #999999; }
#splash .sp-spin { border-top-color: #69cf8d; }
.ax-nav1, .ax-nav2, #ax-bottom { background-color: #0a0a0a; border-color: #242424; }
.ax-tab { border-radius: 4px; }
.ax-tab.on { color: #69cf8d; }
.ax-tab:hover { background-color: #1f1f1f; }
.ax-search, .ax-chain, .ax-wchip {
  background-color: #1f1f1f;
  border-color: #2e2e2e;
  border-radius: 6px;
}
.ax-search { color: #999999; }
.ax-search kbd { border-color: #2e2e2e; border-radius: 3px; }
.ax-ibtn, .ax-ibtn.sm { border-radius: 4px; }
.ax-ibtn:hover { background-color: #1f1f1f; }
.ax-qbgroup, .axp-hqb { background-color: #171717; border-color: #2e2e2e; border-radius: 6px; }
.ax-signup, .ax-login, .txa-nav-btn, .profile-nav { border-radius: 6px; }
#ax-auth .profile-nav { background-color: #f3f3f3; border-color: #f3f3f3; color: #1a1a1a; }
#ax-auth .profile-nav:hover { background-color: #dddddd; }
.axtr, .axtr-h1, .axtr-th { background-color: #121212; border-color: #242424; }
.axtr-row { border-color: #242424; }
.axp-plats, .axp-display, .axp-fwrap { background-color: #171717; border-color: #2e2e2e; border-radius: 6px; }
.axp-plat, .axp-pb { border-radius: 4px; }
.axp-cols { border-color: #2e2e2e; border-radius: 8px; }
.axp-col, .axp-ch { border-color: #242424; }
.axp-ch { background-color: #121212; }
.axp-ch .ax-qbgroup { background-color: #171717; }
.axp-pb.on { color: #69cf8d; background-color: #69cf8d12; }
.axp-tail { background-color: #171717; border-color: #2e2e2e; border-radius: 6px; }
.axc { border-color: #242424; }
.axc:hover { background-color: #1d1d1d; }
.axc-av { border-radius: 8px; }
.axc-av img { border-radius: 6px; }
.axc-box { border-radius: 6px; }
.axc-pill, .axc-paid { border-radius: 6px; }
.axc-qb, .axc-sellbtn { border-radius: 6px; }
.axb-j7 { border-color: #2e2e2e; border-radius: 4px; }
.toast { background-color: #171717; border-color: #2e2e2e; border-radius: 6px; }