/* Kids theme overrides for TulAI landing page */

:root {
  --kids-primary: #4361ee; /* anchor blue */
  --kids-yellow: #ffd54f;
  --kids-coral: #ff7860;
  --kids-mint: #4dd0e1;
  --kids-indigo: #6C63FF;
  --kids-radius: 1rem;
  --kids-font-heading: "Nunito", system-ui, sans-serif;
}

/* Typography */
h1, h2, h3, h4, .display-4, .display-5 {
  font-family: var(--kids-font-heading);
  font-weight: 800;
}

/* Buttons */
.btn-primary {
  background-color: var(--kids-indigo);
  border-color: var(--kids-indigo);
}
.btn-primary:hover {
  background-color: #5551ff;
  border-color: #5551ff;
}
.btn-outline {
  border-color: var(--kids-coral);
  color: var(--kids-coral);
}
.btn-outline:hover {
  background-color: var(--kids-coral);
  color: #fff;
}

/* Soft badge */
.bg-primary-soft {
  background: rgba(108, 99, 255, 0.15) !important;
  color: var(--kids-indigo);
}

/* Feature cards */
.feature-card {
  border-radius: var(--kids-radius);
  transition: transform .25s ease, box-shadow .25s ease;
}
.feature-card:hover {
  transform: translateY(-6px) rotate(-1deg);
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}

/* Color accents for feature icons */
.features .feature-card:nth-child(1) .feature-icon { color: var(--kids-yellow); }
.features .feature-card:nth-child(2) .feature-icon { color: var(--kids-coral); }
.features .feature-card:nth-child(3) .feature-icon { color: var(--kids-mint); }
.features .feature-card:nth-child(4) .feature-icon { color: var(--kids-indigo); }
.features .feature-card:nth-child(5) .feature-icon { color: var(--kids-coral); }

/* Rounded elements */
.rounded-4, .feature-card, .stat-card, .testimonial-card, .hero-image img, .cta-image-container img {
  border-radius: var(--kids-radius) !important;
}

/* Hero background blobby shapes */
.animated-shape {
  border-radius: 50% 40% 60% 50% / 60% 50% 40% 50%;
  filter: blur(40px);
}
.shape-1 { background: var(--kids-yellow); opacity:0.25; width:220px; height:220px; top:-60px; left:-60px; position:absolute; animation: blob 12s infinite; }
.shape-2 { background: var(--kids-coral); opacity:0.25; width:160px; height:160px; top:120px; right:-50px; position:absolute; animation: blob 14s infinite reverse; }
.shape-3 { background: var(--kids-mint); opacity:0.25; width:140px; height:140px; bottom:-40px; left:40%; position:absolute; animation: blob 10s infinite; }
.shape-4 { background: var(--kids-indigo); opacity:0.15; width:300px; height:300px; bottom:-100px; right:-90px; position:absolute; animation: blob 18s infinite reverse; }

@keyframes blob {
  0%,100% { transform: translate(0,0) scale(1); }
  33% { transform: translate(20px,-30px) scale(1.05); }
  66% { transform: translate(-25px,15px) scale(0.95); }
}

/* Stats cards recolor */
.stat-card {
  background: var(--kids-yellow);
  color:#000;
  border-radius: var(--kids-radius);
}
.stat-card:nth-child(2) { background: var(--kids-mint); }
.stat-card:nth-child(3) { background: var(--kids-coral); color:#fff; }
.stat-card:nth-child(4) { background: var(--kids-indigo); color:#fff; }

/* Avatar placeholder font */
.avatar-placeholder {
  font-family: var(--kids-font-heading);
}

/* Optional sticky navbar override */
.navbar-kids {
  background:#fff;
  border-bottom:1px solid rgba(0,0,0,.05);
}