/*
Theme Name: Take A Trip (takeatrip)
Theme URI: http://tat2.local
Description: Complete Take A Trip theme loading clean, responsive HTML layouts with preserved blog and blog details.
Author: Take A Trip
Version: 1.0.0
Text Domain: takeatrip
*/

:root {
  --blue: #2768AB;
  --blue-hover: #1D5288;
  --blue-soft: #EDF4FC;
  --orange: #FF6600;
  --orange-hover: #E65C00;
  --orange-soft: #FFF2E8;
  --navy: #0E2A47;
  --bg: #FFFFFF;
  --alt: #F6F9FD;
  --surf: #FFFFFF;
  --text: #142232;
  --muted: #586C80;
  --line: #E2E8F0;
  --link: #2768AB;
  --shadow-sm: 0 2px 10px rgba(39,104,171,.06);
  --shadow: 0 12px 34px rgba(39,104,171,.10);
  --shadow-lg: 0 22px 48px rgba(39,104,171,.16);
  --shadow-dark: 0 20px 50px rgba(0,0,0,.35);
  box-sizing: border-box;
  color-scheme: light;
}

html {
  height: 100%;
  scroll-padding-top: calc(85px + env(safe-area-inset-top, 0px));
  scroll-behavior: smooth;
}

*, *::before, *::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100%;
  background: var(--bg);
  color: var(--text);
  font: 400 16px/1.65 'Nunito', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Quicksand', system-ui, -apple-system, sans-serif;
  line-height: 1.22;
  margin: 0 0 .5em;
  letter-spacing: -.015em;
  color: var(--text);
}

h1 { font-size: clamp(2.3rem, 4.8vw, 3.6rem); font-weight: 700; }
h2 { font-size: clamp(1.7rem, 3vw, 2.35rem); font-weight: 700; color: var(--link); }
h3 { font-size: 1.22rem; font-weight: 700; }

p { margin: 0 0 1em; }
a { color: var(--link); text-decoration: none; transition: color .2s ease; }
a:hover { color: var(--blue-hover); }

.wrap { max-width: 1220px; margin: 0 auto; padding: 0 24px; }
section:not(.elementor-section):not(.pre-footer-cta) { padding: 80px 0; position: relative; }
.elementor-section { padding: 0; }
.alt { background: var(--alt); }
.lead { color: var(--muted); max-width: 64ch; font-size: 1.06rem; line-height: 1.65; }

