/* Zoro Travelogues shared design system — site-wide consistency layer */
:root {
  --zoro-forest: #075747;
  --zoro-green: #0b8062;
  --zoro-mint: #eaf7f0;
  --zoro-ink: #173a3b;
  --zoro-muted: #617775;
  --zoro-line: #e0eae5;
  --zoro-radius: 14px;
  --zoro-shadow: 0 8px 24px rgba(7, 71, 58, .08);
}
html { scroll-behavior: smooth; }
body { font-family: Inter, "Segoe UI", Arial, Helvetica, sans-serif; color: var(--zoro-ink); }
h1, h2, h3, h4, h5, h6 { font-family: Inter, "Segoe UI", Arial, Helvetica, sans-serif; color: var(--zoro-forest); letter-spacing: -.025em; }
h1 { font-size: clamp(2rem, 4.2vw, 3.35rem); line-height: 1.12; }
h2 { font-size: clamp(1.5rem, 2.8vw, 2.2rem); line-height: 1.2; }
h3 { font-size: clamp(1.08rem, 1.7vw, 1.35rem); line-height: 1.3; }
p, li { line-height: 1.65; }
a { transition: color .18s ease, background-color .18s ease, border-color .18s ease; }
header, .site-header { background: #fff; border-bottom: 1px solid var(--zoro-line); }
header .brand, .site-header .brand { color: var(--zoro-forest); font-family: Inter, "Segoe UI", Arial, sans-serif; font-weight: 750; }
header .brand img, .site-header .brand img { max-height: 54px; object-fit: contain; }
.links, .navlinks, .nav-links, .navlinks, .links a, .navlinks a, .nav-links a { font-family: Inter, "Segoe UI", Arial, sans-serif; }
.links, .navlinks, .nav-links { font-size: 13px; }
.links a, .navlinks a, .nav-links a { text-underline-offset: 5px; }
.links a:hover, .navlinks a:hover, .nav-links a:hover { color: var(--zoro-green); }
.tools, .menu-icon, .nav-icons { color: var(--zoro-forest); }
button, .btn, .button, input[type="submit"], a.button, a.btn { font-family: Inter, "Segoe UI", Arial, sans-serif; font-weight: 650; border-radius: 9px; }
.card, .destination-card, .package-card, .feature-card, .vehicle, .info-card { border-color: var(--zoro-line); border-radius: var(--zoro-radius); }
input, select, textarea { font: inherit; border-radius: 8px; }
img { max-width: 100%; }
@media (max-width: 760px) {
  h1 { font-size: clamp(1.85rem, 7vw, 2.65rem); }
  h2 { font-size: clamp(1.4rem, 5vw, 1.9rem); }
  .links, .navlinks, .nav-links { gap: 12px; }
}