:root {
  --color-primary: #2C3D4F;
  --color-secondary: #E67E22;
  --color-bg: #FEFAE0;
  --color-text: #000000;
}

html, body {
  margin: 0;
  padding: 0;
  background-color: var(--color-bg);
  color: var(--color-text);
  font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  overflow-x: hidden;
}

.text-primary { color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.bg-primary { background-color: var(--color-primary); }
.bg-secondary { background-color: var(--color-secondary); }

.hover-bg-secondary:hover {
  background-color: #d67118;
}

.border-primary { border-color: var(--color-primary); }
.border-secondary { border-color: var(--color-secondary); }

@keyframes custom-pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}

.pulse-img {
  animation: custom-pulse 3s infinite ease-in-out;
  display: block;
  max-width: 100%;
  height: auto;
}

/* Mobile menu transition */
#mobile-menu {
  display: none;
}
#mobile-menu.open {
  display: block;
}