/* BudgetFlow Lite — custom styles layered on top of Tailwind CDN
   Keep this file small; Tailwind handles most utility styling. */

:root {
  --bf-primary: #16a34a;      /* green-600 */
  --bf-primary-dark: #15803d; /* green-700 */
  --bf-ink: #0f172a;          /* slate-900 */
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  color: var(--bf-ink);
}

/* Legal / policy pages: comfortable reading measure */
.prose-legal {
  line-height: 1.75;
}
.prose-legal h2 {
  margin-top: 2rem;
  margin-bottom: 0.75rem;
  font-weight: 700;
}
.prose-legal h3 {
  margin-top: 1.25rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
}
.prose-legal p,
.prose-legal ul {
  margin-bottom: 1rem;
}
.prose-legal ul {
  list-style: disc;
  padding-left: 1.5rem;
}
.prose-legal a {
  color: var(--bf-primary-dark);
  text-decoration: underline;
}

/* Screenshot placeholders on the landing page */
.screenshot-ph {
  background-image: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
}