/**
 * Firefly child theme – base styles
 * Uses --ff-* variables and --ff-body / --ff-display from variables.css and fonts.css
 */

body {
  font-family: var(--ff-body);
  color: var(--ff-text-dark);
  background-color: var(--ff-white);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--ff-display);
  color: var(--ff-primary);
}

a {
  color: var(--ff-primary);
}

a:hover {
  color: var(--ff-lavender-active);
}