/* Kid Lab — shared brand tokens
   Loaded by every page. Establishes ONE font system and shared components. */

@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600;700;900&family=Patrick+Hand&family=Lora:ital,wght@0,500;0,700;1,400&display=swap');

:root {
  /* Type — playful default, serif for reflection, display for impact */
  --font-fun:     'Fredoka', 'Comic Sans MS', 'Chalkboard SE', system-ui, sans-serif;
  --font-hand:    'Patrick Hand', 'Comic Sans MS', cursive;
  --font-serif:   'Lora', Georgia, 'Times New Roman', serif;

  /* Tier colors */
  --warmup:  #4ade80;   /* green */
  --faith:   #fbbf24;   /* amber */
  --quest:   #a78bfa;   /* purple */

  /* Neutral surfaces */
  --ink:        #0f172a;
  --paper:      #ffffff;
  --soft:       rgba(255,255,255,0.85);
}

/* Body defaults all games inherit */
body {
  font-family: var(--font-fun);
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
}

/* Shared back-link — every game uses .back-link */
.back-link {
  display: inline-block;
  margin-top: 2rem;
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  font-weight: 700;
  font-size: 0.9rem;
  text-decoration: underline;
  opacity: 0.8;
  transition: opacity 0.15s;
}
.back-link:hover, .back-link:active { opacity: 1; }

/* Shared tap-friendly button base */
.btn {
  font-family: var(--font-fun);
  font-weight: 900;
  border-radius: 9999px;
  padding: 0.85rem 1.5rem;
  transition: transform 0.1s;
  user-select: none;
}
.btn:active { transform: scale(0.95); }

/* Reflective tier override — faith games can opt into serif body text */
.tier-faith .verse-body { font-family: var(--font-serif); font-style: italic; }