/* Explain: Theme design tokens (colors, fonts) — single source of truth */
:root {
    --primary-color: #ff6b6b;
    --primary-hover: #fa5252;
    --secondary-color: #4ecdc4;
    --accent-color: #ffe66d;
    --background-color: #f7fff7;
    --surface-color: #ffffff;
    --text-color: #2b2d42;
    --text-muted: #8d99ae;
    --border-color: #edf2f4;
    
    /* App Specific Colors */
    --sky-top: #a8e6cf;
    --sky-bottom: #dcedc1;
    --path-color: #ffd3b6;
    
    --font-heading: 'Baloo 2', cursive;
    --font-body: 'Quicksand', sans-serif;
}