:root {
  --tx-primary: #3a86ff;
  --tx-accent: #ffbe0b;
  --tx-mint: #12d3a5;
  --tx-ink: #0f172a;
  --tx-bg: #f7f9fc;
  --bs-primary: var(--tx-primary);
}

html,
body {
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", sans-serif;
  color: var(--tx-ink);
  background-color: #fff;
}

h1,
.display-5,
.display-6,
.h1,
.h2,
.h3 {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
}

.bg-gradient-hero {
  background: radial-gradient(1200px 600px at 10% 10%, #e9f2ff, transparent),
    radial-gradient(800px 400px at 90% 30%, #eafff8, transparent);
}

.bg-gradient-cta {
  background: linear-gradient(
    90deg,
    rgba(58, 134, 255, 0.1),
    rgba(18, 211, 165, 0.1)
  );
}

.btn-primary {
  --bs-btn-bg: var(--tx-primary);
  --bs-btn-border-color: var(--tx-primary);
  --bs-btn-hover-bg: #2f6dd6;
  --bs-btn-hover-border-color: #2f6dd6;
  --bs-btn-active-bg: #285eb8;
  --bs-btn-active-border-color: #285eb8;
}

.btn-outline-primary {
  --bs-btn-color: var(--tx-primary);
  --bs-btn-border-color: var(--tx-primary);
  --bs-btn-hover-bg: var(--tx-primary);
  --bs-btn-hover-border-color: var(--tx-primary);
}

.navbar-brand span {
  letter-spacing: 0.2px;
}
.card.rounded-4,
.rounded-4 {
  border-radius: 1rem !important;
}
.shadow-lg {
  box-shadow: 0 1.25rem 1.75rem rgba(15, 23, 42, 0.12) !important;
}

.pricing .display-6 {
  color: var(--tx-ink);
}

.hp-field {
  position: absolute !important;
  left: -50000px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.object-fit-cover {
  object-fit: cover;
}

.visually-hidden-focusable:active,
.visually-hidden-focusable:focus {
  position: static !important;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

.fw-extrabold {
  font-weight: 800;
}
.py-6 {
  padding-block: 5rem;
}