/* Organic Krishikatha Canberra — minimal custom CSS (Bootstrap-first) */

:root{
  --okc-green-deep:#1B5E20;
  --okc-green-mid:#2E7D32;
  --okc-cream:#FAFAF7;
}

/* Fonts */
body{
  font-family: "DM Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  background: var(--okc-cream);
}
.font-bn{ font-family: "Noto Sans Bengali", "DM Sans", system-ui, sans-serif; }
.font-serif{ font-family: "Playfair Display", Georgia, serif; }

/* Small helpers */
.letter-spaced{ letter-spacing: .18em; }

/* Sections */
.hero-grad{
  background: linear-gradient(160deg, var(--okc-green-deep) 0%, var(--okc-green-mid) 45%, #33691E 100%);
}
.hero-watermark{
  position:absolute;
  right:-.75rem;
  top:50%;
  transform: translateY(-50%);
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 900;
  font-size: clamp(6rem, 16vw, 16rem);
  color: rgba(255,255,255,0.06);
  line-height: 1;
  user-select: none;
  white-space: nowrap;
}
.section-pad{ padding-top: 6rem; padding-bottom: 6rem; }
.page-hero-pad{ padding-top: 7.5rem; padding-bottom: 3.5rem; } /* accounts for fixed navbar */

/* Optional: subtle phone mockup */
.phone-mock {
    width: 280px;
    max-width: 100%;
    background: transparent;
    overflow: hidden;
}

.phone-mock .screen{
  margin: 1.1rem;
  border-radius: 1.6rem;
  background: linear-gradient(180deg, var(--okc-green-deep), var(--okc-green-mid));
  padding: 1rem;
}