/* ============================================================
   KINDERGARTEN theme — warm, safe, nurturing (still elegant)
   ============================================================ */

body[data-school="kg"] {
  --accent:      #D88A4A;
  --accent-soft: #F4D9B8;
  --accent-ink:  #5B2E12;
  --bg:          #FCF7F0;
  --nav-active-bg:     #D88A4A;
  --nav-active-fg:     #fff;
  --nav-active-muted:  rgba(255, 255, 255, .85);
  --nav-active-shadow: rgba(216, 138, 74, .5);
}

body[data-school="kg"] .page-hero {
  background:
    radial-gradient(700px 400px at 100% 0%, rgba(216,138,74,0.30), transparent 60%),
    linear-gradient(180deg, var(--brand-navy-deep), var(--brand-navy));
}

/* Soft "warmth" section */
.kg-warmth {
  background:
    radial-gradient(700px 320px at 0% 0%, rgba(216,138,74,0.10), transparent 60%),
    var(--bg);
  border-radius: var(--r-xl);
  padding: clamp(2.5rem, 6vw, 4.5rem);
}

/* Day-in-the-life timeline */
.kg-timeline { display: grid; gap: var(--sp-4); }
.kg-timeline__row {
  display: grid; grid-template-columns: 110px 1fr; gap: var(--sp-5);
  padding: var(--sp-4) 0;
  border-bottom: 1px dashed var(--line-strong);
}
.kg-timeline__time {
  font-family: var(--font-serif); font-size: 1.25rem;
  color: var(--accent-ink); letter-spacing: .02em;
}
.kg-timeline__row h4 { color: var(--brand-navy-deep); margin-bottom: 4px; }

/* Safety badges */
.safety-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sp-5);
}
.safety-card {
  border-radius: var(--r-lg);
  padding: var(--sp-6);
  background: #fff;
  border: 1px solid var(--line);
  text-align: center;
}
.safety-card .icon {
  width: 60px; height: 60px; margin: 0 auto var(--sp-4);
  border-radius: 50%;
  background: var(--accent-soft); color: var(--accent-ink);
  display: grid; place-items: center;
}
.safety-card .icon svg { width: 28px; height: 28px; }
@media (max-width: 880px) { .safety-grid { grid-template-columns: 1fr; } }

/* KG school card override on master */
body[data-school="kg"] .school-card__cta::after { color: var(--accent-soft); }
