/* ==========================================================================
   UNIVERSAL THEME VARIABLES (Education Portal)
   ========================================================================== */

/* 1. Default (Professional Light) */
:root { 
    --bg-color: #f8fafc; 
    --card-bg: #ffffff; 
    --text-color: #0f172a; 
    --primary-color: #4f46e5; 
    --primary-hover: #4338ca; 
    --border-color: #e2e8f0;
    --font-family: 'Inter', sans-serif;
}

/* 2. Cosmic (Dark Space) */
.cosmic { 
    --bg-color: #0f172a; 
    --card-bg: #1e293b; 
    --text-color: #f8fafc; 
    --primary-color: #8b5cf6; 
    --primary-hover: #7c3aed; 
    --border-color: #334155; 
}

/* 3. Forest (Nature / Mint) */
.forest { 
    --bg-color: #f0fdf4; 
    --card-bg: #ffffff; 
    --text-color: #064e3b; 
    --primary-color: #10b981; 
    --primary-hover: #059669; 
    --border-color: #d1fae5; 
}

/* 4. Sunrise (Warm / Amber) */
.sunrise { 
    --bg-color: #fffbeb; 
    --card-bg: #ffffff; 
    --text-color: #78350f; 
    --primary-color: #f59e0b; 
    --primary-hover: #d97706; 
    --border-color: #fef3c7; 
}

/* 5. Sakura (Pink / Spring) */
.sakura { 
    --bg-color: #fff5f7; 
    --card-bg: #ffffff; 
    --text-color: #701a35; 
    --primary-color: #f472b6; 
    --primary-hover: #db2777; 
    --border-color: #fce7f3; 
}

/* 6. Kiddo (Fun / Playful) */
.kiddo {
    --bg-color: #fef08a; 
    --card-bg: #ffffff;
    --text-color: #374151;
    --primary-color: #ec4899; 
    --primary-hover: #db2777;
    --border-color: #fbcfe8;
    --font-family: 'Comic Sans MS', 'Chalkboard SE', 'Comic Neue', sans-serif; 
}