/*
Theme Name: Tam Tam Travel Custom
Theme URI: http://dulichdienbien.local
Author: Minh Duc
Description: Custom theme cho Tam Tam Travel chuẩn Figma 100%.
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap');

:root {
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body: 'DM Sans', system-ui, sans-serif;
  --color-forest-900: #1A3A0F;
  --color-forest-700: #2D5A1E;
  --color-terra-700: #C45523;
  --color-terra-500: #E07848;
  --color-gold-900: #7A5A08;
  --color-gold-700: #C4901A;
  --color-gold-500: #E8B84B;
  --color-cream: #FAF4E8;
  --color-cream-dark: #F0E6CC;
  --color-warm-white: #FFFDF8;
  --color-brown-950: #1C0E06;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
  font-family: var(--font-body);
  background-color: var(--color-cream);
  color: var(--color-forest-900);
  margin: 0;
  -webkit-font-smoothing: antialiased;
}

/* Hiệu ứng mượt mà cho card và nút bấm */
.tour-card, .car-card, .gift-card {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.tour-card:hover, .car-card:hover, .gift-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 60px rgba(26, 58, 15, 0.18), 0 0 0 1.5px rgba(196, 144, 26, 0.35);
}


::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #C4901A55; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #C4901A99; }