/* ============================================================================
   theme-learn — Learn Path. Spirit: growth, a path through a sunlit field.
   Signature: sage-300, sky-300, mint-200, butter, cream-200.  Motion: growth bar.
   Pages: /learn/, /learn/beginner|intermediate|advanced/, /path/, /learn/path/
   ========================================================================== */
[data-theme="theme-learn"] {
  --page-bg: var(--cream-200);
  --page-accent: var(--sage-400);
  --page-accent-2: var(--sky-400);
  --hero-from: var(--sage-200);
  --hero-to: var(--cream-200);
}

/* Track columns (beginner / intermediate / advanced) */
[data-theme="theme-learn"] .tracks {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--s-4); max-width: var(--maxw); margin-inline: auto;
}
[data-theme="theme-learn"] .track {
  background: var(--cream-100); border: 1px solid var(--cream-400); border-radius: var(--r-lg); padding: var(--s-5);
}
[data-theme="theme-learn"] .track--beginner { border-top: 4px solid var(--sage-400); }
[data-theme="theme-learn"] .track--intermediate { border-top: 4px solid var(--sky-400); }
[data-theme="theme-learn"] .track--advanced { border-top: 4px solid var(--gold-400); }
[data-theme="theme-learn"] .track__name { font-family: var(--ff-serif); font-size: 1.6rem; margin-bottom: var(--s-3); }
[data-theme="theme-learn"] .track__head { margin-bottom: var(--s-3); }

/* lessons inherit the shared .lesson card from theme-base */
[data-theme="theme-learn"] .lesson__num { color: var(--sage-400); }

/* A growth bar accent on lesson pages */
[data-theme="theme-learn"] .growth-bar { height: 4px; background: var(--mint-200); border-radius: var(--r-full); }
[data-theme="theme-learn"] .growth-bar__fill { height: 100%; background: var(--sage-400); border-radius: var(--r-full); }