@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

body {
  font-family: "Manrope", sans-serif;
}

:root {
  --color-primary: #24B683;
  --color-secondary: #121636;
  --color-tertiary: #121212;
  --color-quaternary: #4B5563;
  --color-quinary: #98A2B3;
  --color-senary: #F9FAFB;
}

.text-primary {color: var(--color-primary);}
.text-secondary {color: var(--color-secondary);}
.text-tertiary {color: var(--color-tertiary);}
.text-quaternary {color: var(--color-quaternary);}
.text-quinary {color: var(--color-quinary);}
.text-senary {color: var(--color-senary);}   

.bg-primary {background-color: var(--color-primary);}
.bg-secondary {background-color: var(--color-secondary);}
.bg-tertiary {background-color: var(--color-tertiary);}
.bg-quaternary {background-color: var(--color-quaternary);}
.bg-quinary {background-color: var(--color-quinary);}
.bg-senary {background-color: var(--color-senary);}

/* Footer logo: ensure visibility on dark background */
footer img[alt="Emissions"] {
  filter: brightness(0) invert(1);
}