/* ============================================================
   ADASH — Base: variables, reset, container
   ============================================================ */

/* ---- Variables ---- */
:root {
  --blue:        #005eb8;
  --dark-blue:   #004b87;
  --teal:        #40b4a4;
  --teal-hover:  #359d8f;
  --green:       #66cdaa;
  --green-hover: #5bb899;
  --teal2:       #00a99d;
  --teal3:       #00a0b0;
  --header-bg:   #e6e6e6;
  --footer-bg:   #4a4a4a;
  --input-bg:    #3d3d3d;
  --input-border:#555555;
  --light-bg:    #f5f5f5;
  --lighter-bg:  #f8f9fa;
  --border-100:  #f3f4f6;
  --border-200:  #e5e7eb;
  --text:        #111827;
  --text-600:    #4b5563;
  --text-500:    #6b7280;
  --text-400:    #9ca3af;
  --text-300:    #d1d5db;
  --white:       #ffffff;
  --black:       #000000;
  --navy:        #002040;
  --max-w:       1280px;  /* max-w-7xl */
  --max-w-5xl:   1024px;
  --header-h:    96px;    /* h-24 */
  --header-h-mobile: 64px;
}

/* ---- Reset ---- */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: var(--text);
  background: var(--white);
  padding-top: var(--header-h);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 1023px) {
  body { padding-top: var(--header-h-mobile); }
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--blue); text-decoration: none; }
a:hover { text-decoration: underline; }
ul { list-style: none; }
button { cursor: pointer; font-family: inherit; border: none; background: none; padding: 0; }
address { font-style: normal; }
p { margin-bottom: 1rem; }
p:last-child { margin-bottom: 0; }

/* ---- Container ---- */
.container {
  max-width: var(--max-w);
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 640px) {
  .container { padding-left: 1.5rem; padding-right: 1.5rem; }
}
@media (min-width: 1024px) {
  .container { padding-left: 2rem; padding-right: 2rem; }
}
.container-5xl {
  max-width: var(--max-w-5xl);
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}