/* ============================================
   MATHS DEPOT — TOPIC COLOUR SYSTEM
   Shared across index.html, study-hubs.html, videos.html
   and any future page using .topic-X classes.

   --accent       = rich/saturated colour, used for borders and
                    other large visual blocks (good contrast against navy)
   --accent-light = pale pastel companion, used for small text
                    (topic labels, hover states) where legibility matters

   Editing a value here updates every page that links this file —
   no need to hunt through individual HTML files.
   ============================================ */

.topic-number     { --accent: #1B6B52; --accent-light: rgb(205,235,218); }
.topic-algebra    { --accent: #135F82; --accent-light: #8FBFE8; }
.topic-geometry   { --accent: #AE131E; --accent-light: #F9CDD0; }
.topic-statistics { --accent: #634003; --accent-light: #F9E0AD; }
.topic-advanced   { --accent: #0F312A; --accent-light: #D0F0E9; }
.topic-exam       { --accent: #352D1D; --accent-light: #EAE4D9; }