/* ==============================================================
   Lesson slide base — shared foundation for slide rendering.

   Loaded by lesson-player.html (which does NOT load index.css).
   lesson-creator.html gets identical values via index.css, so
   KEEP THE VARIABLES AND RESET IN SYNC WITH index.css — the point
   of this file is that slide content computes the same styles on
   both pages. Without it, lesson-creator.css declarations that
   reference site variables (--white-colour, --red-colour, …)
   silently resolved to `unset` in the player, and slide content
   (mark, a, buttons) picked up UA defaults the builder never sees.
   ============================================================== */
:root {
  --light-colour: #f7f7f7;
  --dark-colour: #3498db;
  --green-colour: #16a085;
  --blue-colour: #007acc;
  --red-colour: #e8332c;
  --white-colour: #fff;
  --black-colour: #330000;
  --grey-colour: #333;
  --yellow-colour: #ffda79;
  --pink-colour: #ef5777;
  --chosen-font:
    'Outfit', sans-serif; /* Can be overridden by user preferences */
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
* {
  margin: 0;
  padding: 0;
}
svg {
  overflow: visible !important;
}
button,
input,
select,
textarea {
  font-family: inherit;
}
a {
  color: inherit;
}
mark {
  background-color: rgba(255, 218, 121, 0.4);
}
.boldFont {
  font-weight: 700 !important;
}