/* Minimal bespoke styling to avoid "generic Tailwind template" look */
:root{
  --bg: #F7F1E6;
  --bg2:#F2E9D9;
  --ink:#1D2320;
  --muted:#5A6A60;
  --green:#1F6B4E;
  --green2:#195C44;
  --accent:#D9754D;
  --card:#FFFFFF;
  --stroke:#E6E0D6;
}

html{scroll-behavior:smooth;}
body{
  background: var(--bg);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.h-serif{ font-family: "Playfair Display", ui-serif, Georgia, serif; }
.b-sans{ font-family: "Manrope", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji"; }

.soft-shadow{ box-shadow: 0 18px 40px rgba(0,0,0,0.10); }
.card-shadow{ box-shadow: 0 10px 24px rgba(0,0,0,0.08); }
.subtle-border{ border: 1px solid rgba(31, 41, 55, 0.10); }

.btn-primary{
  background: var(--green);
  color: white;
}
.btn-primary:hover{ filter: brightness(0.96); }

.btn-accent{
  background: var(--accent);
  color: white;
}
.btn-accent:hover{ filter: brightness(0.96); }

.pill{
  background: rgba(31,107,78,0.10);
  color: var(--green2);
  border: 1px solid rgba(31,107,78,0.18);
}

.section-surface{
  background: rgba(255,255,255,0.55);
  border: 1px solid rgba(31, 41, 55, 0.10);
}

.grain{
  background-image:
    radial-gradient(rgba(0,0,0,0.03) 1px, transparent 1px);
  background-size: 26px 26px;
}

.focus-ring:focus{
  outline: none;
  box-shadow: 0 0 0 5px rgba(31,107,78,0.18);
}

.carousel-track{ transition: transform 450ms cubic-bezier(.2,.9,.2,1); }

/* Selection states */
.pkg-card[aria-selected="true"]{
  background: var(--green) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,0.22) !important;
}
.pkg-card[aria-selected="true"] *{ color: #fff !important; }
.pkg-card:hover{
  background: var(--green) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,0.22) !important;
}
.pkg-card:hover *{ color: #fff !important; }

.addon-card[aria-checked="true"]{
  background: rgba(31,107,78,0.10) !important;
  border-color: rgba(31,107,78,0.30) !important;
}
.addon-card[aria-checked="true"] .addon-price{
  color: var(--green2) !important;
}
.addon-card.rush[aria-checked="true"]{
  background: var(--accent) !important;
  border-color: rgba(0,0,0,0.10) !important;
  color: #fff !important;
}
.addon-card.rush[aria-checked="true"] *{ color:#fff !important; }