/* Design Tokens & Global Theme Typography for Vietnam 2027 Travel App */
:root {
  --font-sans: 'Outfit', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-display: 'Playfair Display', Georgia, serif;
}

body {
  font-family: var(--font-sans);
  color: #1e293b;
  background-color: #f8fafc;
  font-size: 15px;
  line-height: 1.55;
}

h1, h2, h3 {
  font-family: var(--font-display);
}

h1 {
  font-size: 1.75rem;
  line-height: 1.25;
}
@media (min-width: 640px) {
  h1 { font-size: 2rem; }
}

h2 {
  font-size: 1.35rem;
  line-height: 1.3;
}
@media (min-width: 640px) {
  h2 { font-size: 1.55rem; }
}

h3 {
  font-size: 1.15rem;
  line-height: 1.35;
}

h4 {
  font-family: var(--font-sans);
  font-size: 0.95rem;
  line-height: 1.4;
  font-weight: 700;
}

.font-serif-display {
  font-family: var(--font-display);
}

.tnum {
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
}

::selection {
  background-color: #ccfbf1;
  color: #0f766e;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

:focus-visible {
  outline: 2px solid #0f766e;
  outline-offset: 2px;
}

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }