/* ---------------------------------------------
   DiPStrategy -- Base Styles
   style/base.css
   Global reset, CSS variables, typography base
   --------------------------------------------- */

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

html {
  scroll-behavior: smooth;
}

:root {
  --navy:         #093564;
  --lime:         #DEFF2D;
  --white:        #ffffff;
  --cream:        #f0f0e6;
  --font-headline: 'Montserrat', sans-serif;
  --font-body:     'Barlow', sans-serif;
}

html, body {
  width: 100%;
  background: #000;
  color: var(--white);
  font-family: var(--font-body);
  overflow-x: hidden;
}

/* --- SHARED ANIMATIONS --- */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes slideInLeft {
  from { opacity: 0; transform: translateX(-24px); }
  to   { opacity: 1; transform: translateX(0); }
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

@keyframes marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}