:root{
  --brand: #17a2b8; /* lagoon */
  --accent: #ff6b6b; /* coral */
  --sand: #f6e7d8;
  --palm: #2bb673;
  --midnight: #0b3351;
  --orangereunion: #ffa743;
  --sun: #ffe343;
}

html{scroll-behavior:smooth}
body{font-family: system-ui,-apple-system,"Segoe UI",Roboto,Inter,"Helvetica Neue",Arial,"Noto Sans",sans-serif; color:#173042}

/*.navbar{--bs-navbar-brand-color:#fff; --bs-navbar-color:#e6f7fb; --bs-navbar-hover-color:#fff;}*/
.navbar{--bs-navbar-brand-color:var(--midnight); --bs-navbar-color:var(--midnight); --bs-navbar-hover-color:var(--midnight);}
.navbar .btn-accent{background:var(--accent); color:#fff; border:none}

.hero-cover{min-height:75vh; background-size:cover; background-position:center; position:relative}
/*.hero-overlay{position:absolute; inset:0; background:linear-gradient(180deg,rgba(11,51,81,.55),rgba(11,51,81,.25));}*/
.hero-overlay{position:absolute; inset:0; background:linear-gradient(180deg,rgba(33, 94, 143, 0.55),rgba(34, 75, 66, 0.10),rgba(135, 223, 215, 0.10));}
.hero-content{position:relative; z-index:1; color:#fff}

.section-title{font-weight:700; letter-spacing:.3px}
.badge-tropic{background:var(--palm);}
.text-accent{color:var(--accent)}
.text-midnight{color:var(--midnight)}
.text-shadow{text-shadow:0 2px 6px rgba(0,0,0,.5)}
.bg-sand{background:var(--sand)}
.bg-lagoon{background:var(--brand)}
.bg-midnight{background:var(--midnight)}
.bg-orangereunion{background:linear-gradient(180deg,var(--sun),var(--orangereunion))}

.card.chic{border:0; border-radius:1rem; box-shadow:0 10px 25px rgba(0,0,0,.08)}
.btn-chic{border-radius:999px; padding:.7rem 1.2rem}
.btn-lagoon{background:var(--brand); color:#fff; border:0}
.btn-lagoon:hover{filter:brightness(.95)}
.btn-outline-lagoon{border-color:var(--brand); color:var(--brand)}
.btn-outline-lagoon:hover{background:var(--brand); color:#fff}
.btn-midnight{background:var(--midnight); color:#fff; border:1px solid var(--midnight);}
.btn-midnight:hover{/*filter:brightness(.95);*/color:var(--midnight); border:1px solid var(--midnight);}
.btn-outline-midnight{border-color:var(--midnight); color:var(--midnight); background: rgba(245,245,245,0.7);}
.btn-outline-midnight:hover{background:var(--midnight);color:#fff; border:1 solid white;}

.footer{background:linear-gradient(180deg,var(--midnight),#062237); color:#cfeaf2}
.footer a{color:#fff; opacity:.9}
.footer a:hover{opacity:1}

.img-zoom{transition:transform .5s ease}
.img-zoom:hover{transform:scale(1.03)}

.rounded-2xl{border-radius:1.25rem}
.shadow-soft{box-shadow:0 10px 30px rgba(0,0,0,.08)}

.form-hint{font-size:.875rem; color:#6c757d}