:root {
  --text: #1a1a1a; /* Neutral dark for general text */
  --text-headings: #1a1a1a; /* White for headings on dark backgrounds */
  --background: #0d0d0d; /* Deep black background */
  --primary: #ff7a00; /* Bright orange (core highlight) */
  --secondary: #ff4d00; /* Deep reddish-orange accent */
  --accent: #ffd166; /* Warm yellow highlight */
  --highlight: #ffb347; /* Gradient-friendly soft orange */
}

#blogList {
  margin-left: 10%;
}

@media screen and (max-width: 768px) {
  #blogList img {
    display: none;
  }

  #blogList {
    margin-left: 0 !important;
    width: 100% !important;
  }

  #blogList p {
    size: 1rem !important;
    text-wrap: wrap;
  }
}

@keyframes pulse-glow {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  50% {
    transform: scale(1.3);
    opacity: 0.2;
  }
  100% {
    transform: scale(1);
    opacity: 0.5;
  }
}
.glow {
  animation: pulse-glow 3s ease-in-out infinite;
}

.border-maroon {
  border: 2px solid #450404; /* Maroon border */
}