@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&display=swap');

:root {

    /* ================= FONTS ================= */
    --font-heading: 'Fredoka', sans-serif;   /* main font — headings */
    --font-body: 'Fredoka', sans-serif;      /* subtext / body (same as home) */
    --font-btn: 'Nunito', sans-serif;        /* buttons */

    /* ================= COLORS ================= */
    /* Core (primary — like the home page) */
    --white: #ffffff;
    --black: #000000;
    --blue: #4318ff;                          /* primary accent (from navbar / sidebar) */

    /* Supporting */
    --muted: #bbbbbb;                         /* subtext / secondary text */

    /* NOTE: more colors get added here as the design needs them —
       we don't hardcode colors in page CSS anymore, always use var(--...) */
}