.logo-text {
  font-size: 32px;
  letter-spacing: 2px;
  margin: 0;
}

.star-color {
  color: var(--palette-navy-900, #0b1026);
  fill: var(--palette-navy-900, #0b1026);
}

.gold {
  fill: var(--palette-gold-550, #bfa030);
}

@keyframes twinkle {
  0%,
  100% {
    transform: scale(1);
  }
  30% {
    /* opacity: 0.7; */
    transform: scale(0.9);
  }
  70% {
    /* opacity: 1; */
    transform: scale(1.09);
  }
}

svg.logo.animated {
  
  /* Star Twinkle Animation */
  & .twinkle {
    animation: twinkle 4s infinite ease-in-out;
    transform-origin: center;
  }

  & .twinkle:nth-child(odd) {
    animation-duration: 7s;
  }

  & .twinkle:nth-child(even) {
    animation-duration: 5s;
  }

  & .twinkle:nth-child(3n + 1) {
    animation-delay: -0.5s;
  }

  & .twinkle:nth-child(3n + 2) {
    animation-delay: -1s;
  }

  & .twinkle:nth-child(3n + 3) {
    animation-delay: -1.5s;
  }
}

/* DARK MODE OVERRIDES - The "Night Sky" Vibe */
@media (prefers-color-scheme: dark) {
  .star-color {
    color: var(--palette-white, #ffffff);
    fill: var(--palette-white, #ffffff);
  }

  .gold {
    fill: var(--palette-gold-500, #d4af37);
  }
}