/* Grade-level palettes for Tutor LMS learning pages.
   A course in course-category 'Grade N' (slug grade-N) gets body class .tutor-grade-N.
   The site header/footer keep the Mahibere brand; only the learning area adopts the grade palette. */

/* Grade 1: Noah's Bright Rainbow */
body.tutor-grade-1{--g-bg:#FFFDF0;--g-head:#E63946;--g-body:#1D3557;--g-link:#457B9D;--g-accent:#FFB703;--g-accent-text:#1D3557;--g-head-font:'Fredoka',sans-serif;--g-font:'Fredoka',sans-serif}
/* Grade 2: Garden of Eden Green */
body.tutor-grade-2{--g-bg:#F1FAEE;--g-head:#2A9D8F;--g-body:#264653;--g-link:#E76F51;--g-accent:#F4A261;--g-accent-text:#264653;--g-head-font:'Nunito',sans-serif;--g-font:'Nunito',sans-serif}
/* Grade 3: Deep Sea Discovery */
body.tutor-grade-3{--g-bg:#E0F2FE;--g-head:#0369A1;--g-body:#0F172A;--g-link:#D97706;--g-accent:#06B6D4;--g-accent-text:#0F172A;--g-head-font:'Comfortaa',sans-serif;--g-font:'Comfortaa',sans-serif}
/* Grade 4: Courageous Desert Safari */
body.tutor-grade-4{--g-bg:linear-gradient(to bottom,#FFFBEB,#FEF3C7);--g-head:#9A3412;--g-body:#431407;--g-link:#047857;--g-accent:#F59E0B;--g-accent-text:#431407;--g-head-font:'Andika',sans-serif;--g-font:'Andika',sans-serif}
/* Grade 5: Royal Purple Tabernacle */
body.tutor-grade-5{--g-bg:#FAF5FF;--g-head:#6B21A8;--g-body:#1E1B4B;--g-link:#2563EB;--g-accent:#EC4899;--g-accent-text:#FFFFFF;--g-head-font:'Baloo 2',cursive;--g-font:'Baloo 2',cursive}
/* Grade 6: Ancient Skies & Seas */
body.tutor-grade-6{--g-bg:#F0F9FF;--g-head:#1E3A8A;--g-body:#111827;--g-link:#0EA5E9;--g-accent:#F97316;--g-accent-text:#111827;--g-head-font:'Rubik',sans-serif;--g-font:'Rubik',sans-serif}
/* Grade 7: Olive Mountain Grove */
body.tutor-grade-7{--g-bg:#F4F7F6;--g-head:#365314;--g-body:#1C1917;--g-link:#B45309;--g-accent:#65A30D;--g-accent-text:#1C1917;--g-head-font:'Cabin',sans-serif;--g-font:'Cabin',sans-serif}
/* Grade 8: Festival Fire & Light */
body.tutor-grade-8{--g-bg:linear-gradient(to bottom,#FFF7ED,#FFEDD5);--g-head:#991B1B;--g-body:#1F2937;--g-link:#06B6D4;--g-accent:#EA580C;--g-accent-text:#FFFFFF;--g-head-font:'Montserrat',sans-serif;--g-font:'Montserrat',sans-serif}
/* Grade 9: Classic Sanctuary Burgundy */
body.tutor-grade-9{--g-bg:#FAFAF9;--g-head:#701A75;--g-body:#292524;--g-link:#0284C7;--g-accent:#A21CAF;--g-accent-text:#FFFFFF;--g-head-font:'Plus Jakarta Sans',sans-serif;--g-font:'Plus Jakarta Sans',sans-serif}
/* Grade 10: Midnight Starlight */
body.tutor-grade-10{--g-bg:#F8FAFC;--g-head:#0F172A;--g-body:#334155;--g-link:#4F46E5;--g-accent:#06B6D4;--g-accent-text:#0F172A;--g-head-font:'Inter',sans-serif;--g-font:'Inter',sans-serif}
/* Grade 11: Heritage Autumn Oak */
body.tutor-grade-11{--g-bg:#FEFCE8;--g-head:#78350F;--g-body:#1C1917;--g-link:#15803D;--g-accent:#CA8A04;--g-accent-text:#1C1917;--g-head-font:'Lora',serif;--g-font:'Open Sans',sans-serif}
/* Grade 12: Golden Dawn Laurels */
body.tutor-grade-12{--g-bg:radial-gradient(circle,#FFFFFF,#F8FAF6);--g-head:#1E293B;--g-body:#0F172A;--g-link:#BE123C;--g-accent:#854D0E;--g-accent-text:#FFFFFF;--g-head-font:'Merriweather',serif;--g-font:'Lato',sans-serif}

/* ===== Apply the active grade palette to the learning area ===== */
body[class*="tutor-grade-"] main{background:var(--g-bg);font-family:var(--g-font);color:var(--g-body)}
body[class*="tutor-grade-"] main :is(h1,h2,h3,h4,h5){font-family:var(--g-head-font);color:var(--g-head)}
body[class*="tutor-grade-"] main a:not(.tutor-btn):not(.wp-block-button__link):not(.wp-element-button){color:var(--g-link)}

/* Tutor primary buttons */
body[class*="tutor-grade-"] .tutor-btn-primary,
body[class*="tutor-grade-"] .tutor-btn.tutor-btn-primary{
  background-color:var(--g-accent)!important;border-color:var(--g-accent)!important;color:var(--g-accent-text)!important}
body[class*="tutor-grade-"] .tutor-btn-outline-primary{color:var(--g-accent)!important;border-color:var(--g-accent)!important}

/* Tutor progress + accent text */
body[class*="tutor-grade-"] .tutor-progress-filled,
body[class*="tutor-grade-"] .tutor-progress-bar > span,
body[class*="tutor-grade-"] .tutor-progress-circle-filled{background-color:var(--g-accent)!important}
body[class*="tutor-grade-"] .tutor-color-primary,
body[class*="tutor-grade-"] a.tutor-course-name:hover{color:var(--g-link)!important}

/* Keep cards readable on coloured backgrounds */
body[class*="tutor-grade-"] .tutor-card,
body[class*="tutor-grade-"] .tutor-quiz-question-wrap,
body[class*="tutor-grade-"] .tutor-course-content-list{background:#fff;border-radius:18px}