@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800&family=Inter:wght@400;500;600;700&family=Poppins:wght@500;600;700;800&display=swap");

:root {
  --astra-font-interface: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --astra-font-heading: "Poppins", "Inter", system-ui, sans-serif;
  --astra-font-data: "Archivo", "Inter", system-ui, sans-serif;
}

html, body, button, input, select, textarea, .form-control, .nav-link,
.dropdown-item, .btn, .modal, .tooltip, .popover, .cookie-box {
  font-family: var(--astra-font-interface) !important;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6, .display-1, .display-2, .display-3, .display-4,
.gamer-copy h1, .gamer-card-body h3, .gamer-plan-name, .gamer-plan-card h2,
.vps-plan-hero h1, .vps-plan-card h3, .astra-soon-shell h1 {
  font-family: var(--astra-font-heading) !important;
  letter-spacing: -0.025em;
}

.price, .gamer-plan-price, .gamer-plan-slots, .vps-plan-price, .vps-price,
.vps-summary-price, [class*="price-value"], [class*="plan-price"], .badge, code, kbd {
  font-family: var(--astra-font-data) !important;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.015em;
}

i[class*="fa-"], span[class*="fa-"], [class^="ti-"] {
  font-family: var(--fa-style-family, "Font Awesome 6 Pro") !important;
}