/*
 * Site colours, defined once. Prefixed names, because the About section's own stylesheet
 * defines --pink for itself and loads after this one. Every page loads this first, so changing a value here changes it
 * everywhere: hovers, focus rings, the hero cursor, the project pages' back arrow.
 */
:root {
  --theo-pink: #f34bbd;   /* hovers, focus rings, the hero cursor */
  --theo-red: #f32d19;    /* the back-arrow square on project pages */
}