/* Site-wide tweaks layered on top of the Tailwind CDN.
   Keep this small — Tailwind utilities should cover most cases. */

:root {
  --color-primary: #3b82f6;
  --color-accent: #10b981;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Pricing toggle: drives per-period visibility on .price elements. */
body[data-period="monthly"] .price-annual,
body[data-period="monthly"] .savings-annual,
body[data-period="annual"] .price-monthly,
body[data-period="annual"] .savings-monthly {
  display: none;
}

/* Print-friendly tweaks for legal pages. */
@media print {
  header,
  footer,
  .no-print {
    display: none !important;
  }
  body {
    color: black;
  }
  a {
    color: inherit;
    text-decoration: none;
  }
}