/* Light fintech theme inspired by Coinbase and Currency.com.
   Loaded after the compiled styles so existing content keeps its structure. */

:root {
  --nx-bg: #ffffff;
  --nx-soft: #f6f7f9;
  --nx-ink: #0a0b0d;
  --nx-ink-2: #5b616e;
  --nx-ink-3: #7b808a;
  --nx-line: #e6e8eb;
  --nx-blue: #0052ff;
  --nx-blue-dark: #003ec5;
  --nx-blue-soft: rgba(0, 82, 255, 0.08);
  --nx-shadow: 0 1px 2px rgba(10, 11, 13, 0.04), 0 12px 32px rgba(10, 11, 13, 0.06);
}

html,
body {
  background-color: var(--nx-bg) !important;
  background-image: none !important;
  color: var(--nx-ink) !important;
}

.home-page,
.accept-page,
.send-page {
  --hp-ink: var(--nx-ink) !important;
  --hp-ink2: var(--nx-ink-2) !important;
  --hp-ink3: var(--nx-ink-3) !important;
  --hp-g: var(--nx-blue) !important;
  --hp-gl: var(--nx-blue-soft) !important;
  --hp-b: var(--nx-blue) !important;
  --hp-bl: var(--nx-blue-soft) !important;
  --hp-bg: var(--nx-bg) !important;
  --hp-surface: #ffffff !important;
  --hp-surface-muted: var(--nx-soft) !important;
  --hp-brd: var(--nx-line) !important;
  --ac-ink: var(--nx-ink) !important;
  --ac-ink2: var(--nx-ink-2) !important;
  --ac-ink3: var(--nx-ink-3) !important;
  --ac-ink4: #9aa0a8 !important;
  --ac-g: var(--nx-blue) !important;
  --ac-gd: var(--nx-blue-dark) !important;
  --ac-gl: var(--nx-blue-soft) !important;
  --ac-b: var(--nx-blue) !important;
  --ac-bm: var(--nx-blue-dark) !important;
  --ac-bl: var(--nx-blue-soft) !important;
  --ac-bg: var(--nx-bg) !important;
  --ac-surface: #ffffff !important;
  --ac-surface-muted: var(--nx-soft) !important;
  --ac-w: #ffffff !important;
  --ac-brd: var(--nx-line) !important;
  --sc-accent: var(--nx-blue) !important;
  --sc-accent-light: var(--nx-blue-soft) !important;
  background: var(--nx-bg) !important;
  color: var(--nx-ink) !important;
}

.text-navy,
.hover\:text-navy:hover,
.focus-visible\:text-navy:focus-visible {
  color: var(--nx-ink) !important;
}

.text-slate-body {
  color: var(--nx-ink-2) !important;
}

.text-slate-muted,
.text-slate-muted\/70 {
  color: var(--nx-ink-3) !important;
}

.text-green,
.text-green-light,
.hover\:text-green:hover,
.focus-visible\:text-green:focus-visible {
  color: var(--nx-blue) !important;
}

.text-white {
  color: #ffffff !important;
}

.bg-surface,
.bg-surface\/90,
.bg-surface-muted,
.bg-surface-muted\/50,
.bg-surface-input,
.bg-page\/70,
.bg-page\/90 {
  background-color: #ffffff !important;
}

.bg-surface-footer {
  background-color: var(--nx-soft) !important;
}

.bg-green,
.bg-green-light,
.bg-blue-accent,
.bg-ink,
.hover\:bg-green:hover,
.hover\:bg-ink-hover:hover,
.hover\:bg-blue-accent:hover {
  background-color: var(--nx-blue) !important;
}

.hover\:bg-ink-hover:hover,
.hover\:bg-green:hover {
  background-color: var(--nx-blue-dark) !important;
}

.bg-green\/10,
.bg-blue-accent\/10 {
  background-color: var(--nx-blue-soft) !important;
}

.border-slate-border,
.border-slate-border\/15,
.border-slate-border\/20,
.border-slate-border\/30,
.border-slate-border\/40,
.border-slate-border\/50,
.border-green,
.border-green\/20,
.border-green\/25,
.border-green\/30,
.border-green\/40,
.border-white\/10,
.border-white\/20,
.border-white\/30,
.hover\:border-white\/40:hover {
  border-color: var(--nx-line) !important;
}

.shadow-card,
.shadow-button-navy,
.shadow-button-white {
  --tw-shadow: var(--nx-shadow) !important;
  box-shadow: var(--nx-shadow) !important;
}

.rounded-button {
  border-radius: 999px !important;
}

.rounded-card {
  border-radius: 20px !important;
}

.rounded-input {
  border-radius: 12px !important;
}

.text-display-lg,
.sm\:text-display-lg {
  font-size: clamp(48px, 6vw, 72px) !important;
  line-height: 1.02 !important;
  letter-spacing: -2.4px !important;
  font-weight: 600 !important;
}

.text-display-md {
  font-size: clamp(36px, 4vw, 52px) !important;
  letter-spacing: -1.6px !important;
  font-weight: 600 !important;
}

header.sticky {
  background: rgba(255, 255, 255, 0.92) !important;
  border-bottom: 1px solid var(--nx-line) !important;
  backdrop-filter: blur(16px);
}

.h-nav {
  height: 68px !important;
}

header img,
footer img {
  height: 34px !important;
  width: auto !important;
}

footer.bg-surface-footer {
  border-top: 1px solid var(--nx-line);
}

.home-page .hero-section__title,
.accept-page .hero-section__title,
.send-page .hero-section__title {
  font-weight: 560 !important;
  letter-spacing: -2.6px !important;
  color: var(--nx-ink) !important;
}

.home-page .hero-section__title-gradient,
.accept-page .hero-section__title-gradient,
.send-page .hero-section__title-gradient,
.bg-gradient-text {
  background-image: none !important;
  -webkit-text-fill-color: var(--nx-blue) !important;
  color: var(--nx-blue) !important;
}

.home-page .stats-bar__card,
.accept-page .stats-bar__card,
.send-page .stats-bar__card,
.home-page .product-cards__card,
.accept-page .product-cards__card,
.send-page .product-cards__card {
  background: #ffffff !important;
  border: 1px solid var(--nx-line) !important;
  box-shadow: var(--nx-shadow) !important;
  border-radius: 20px !important;
}

.home-page .product-cards__card:hover,
.accept-page .product-cards__card:hover,
.send-page .product-cards__card:hover {
  transform: translateY(-3px);
  border-color: #d5dbe3 !important;
  box-shadow: 0 10px 28px rgba(10, 11, 13, 0.08) !important;
}

.home-page .trusted-logos__track img,
.accept-page .trusted-logos__track img,
.send-page .trusted-logos__track img {
  filter: grayscale(100%) brightness(0.25) !important;
  opacity: 0.72 !important;
}

.home-page .product-cards__section-title,
.accept-page .product-cards__section-title,
.send-page .product-cards__section-title,
.home-page .rn-bento__title,
.accept-page .rn-bento__title,
.send-page .rn-bento__title {
  letter-spacing: -1.8px !important;
  font-weight: 600 !important;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
textarea,
select {
  background-color: #ffffff !important;
  color: var(--nx-ink) !important;
  border-color: #d5d8de !important;
  border-radius: 12px !important;
}

input:focus,
textarea:focus,
select:focus {
  outline: 2px solid rgba(0, 82, 255, 0.35);
  border-color: var(--nx-blue) !important;
}

main#main-content > section.py-24 {
  padding-top: 6.5rem !important;
  padding-bottom: 6.5rem !important;
}

@media (max-width: 720px) {
  .home-page .hero-section__wrap,
  .home-page .product-cards__wrap,
  .home-page .stats-bar__wrap,
  .accept-page .hero-section__wrap,
  .accept-page .product-cards__wrap,
  .accept-page .stats-bar__wrap,
  .send-page .hero-section__wrap,
  .send-page .product-cards__wrap,
  .send-page .stats-bar__wrap {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .home-page .hero-section,
  .accept-page .hero-section,
  .send-page .hero-section {
    padding-top: 112px !important;
  }

  .home-page .stats-bar__card,
  .accept-page .stats-bar__card,
  .send-page .stats-bar__card {
    padding: 32px 20px !important;
  }
}