/* Custom utilities to match inline Tailwind config, keeping layout unchanged */
.text-dark{color:#333333}
.bg-secondary{background-color:#F0F8FF}
.text-primary{color:#00CCFF}
.border-primary{border-color:#00CCFF}
.bg-primary{background-color:#00CCFF}
.bg-primary\/50{background-color:rgba(0,204,255,.5)}
.hover\:bg-primary\/80:hover{background-color:rgba(0,204,255,.8)}
.text-accent{color:#FF6B9D}
.text-success{color:#4CAF50}
.text-warning{color:#FF9800}
.bg-accent{background-color:#FF6B9D}
.bg-warning{background-color:#FF9800}
.border-primary\/20{border-color:rgba(0,204,255,.2)}
.text-dark\/70{color:rgba(51,51,51,.7)}

/* Animations used */
@keyframes glow{0%{box-shadow:0 0 5px #00CCFF}100%{box-shadow:0 0 20px #00CCFF,0 0 30px #00CCFF}}
@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}
@keyframes bounceGentle{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.animate-glow{animation:glow 2s ease-in-out infinite alternate}
.animate-fade-in{animation:fadeIn .8s ease-out}
.animate-bounce-gentle{animation:bounceGentle 2s infinite}

/* Minor helpers */
.theme-transition{transition:all .5s ease}
.focus-visible:focus{outline:3px solid #FFD700;outline-offset:2px}