:root {
  --eff-primary: #222;
  --eff-blue: #0047ab;
  --eff-white: #fff;
  --eff-dark-gray: #4d4d4d;
  --eff-medium-gray: #5e5e5e;
  --eff-light-gray: #858585;
  --eff-sand: #f6edeb;
  --eff-stroke-width: 2px;
  --eff-motion-duration: 0.7s;
  --eff-motion-ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --eff-fill-delay: 650ms;
  --eff-fill-stagger: 400ms;
  --eff-fill-duration: 0.55s;
  --eff-font-display: "Open Sans", sans-serif;
  --eff-font-body: "DM Sans", sans-serif;
  --eff-font-ui: "Khand", sans-serif;
}

@media (max-width: 767px) {
  :root {
    --eff-stroke-width: 1.5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --eff-motion-duration: 0.01ms;
  }
}