/* fonts.css */
/* --------------------------------------------------
   Google Fonts imports
   Each @import loads the display + body font families used across all Reaches
   -------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Island+Moments&family=Fira+Sans:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Audiowide&family=Lacquer&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel&family=Fleur+De+Leah&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Agu+Display&family=Oswald:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Metal+Mania&family=Russo+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Babylonica&family=Rubik+Iso&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dynalight&family=Josefin+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Diplomata+SC&family=Homenaje&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Astloch&family=Grenze+Gotisch&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bahiana&family=Gluten&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mrs+Saint+Delafield&family=Quintessential&display=swap');
@import url('https://fonts.googleapis.com/css2?family=New+Amsterdam&family=Romanesco&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Henny+Penny&family=Indie+Flower&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik+80s+Fade&family=Rubik+Broken+Fax&family=Rubik+Lines&family=Rubik+Pixels&family=Coral+Pixels&family=Sankofa+Display&display=swap');


.font-azure-body { font-family: "Fira Sans", sans-serif; padding: 1rem; margin-bottom: 1rem;}
.font-azure-decorative { font-family: "Island Moments", cursive; font-size: 2rem; }

.font-crimson-body { font-family: "Lacquer", sans-serif; padding: 1rem; margin-bottom: 1rem;}
.font-crimson-decorative { font-family: "Audiowide", sans-serif; font-size: 1rem; }

.font-emerald-body { font-family: "Cinzel", serif; padding: 1rem; margin-bottom: 1rem;}
.font-emerald-decorative { font-family: "Fleur De Leah", cursive; font-size: 2rem; }

.font-frost-body { font-family: "Oswald", sans-serif; padding: 1rem; margin-bottom: 1rem;}
.font-frost-decorative { font-family: "Agu Display", serif; font-size: 2rem; }

.font-iron-body { font-family: "Russo One", serif; padding: 1rem; margin-bottom: 1rem;}
.font-iron-decorative { font-family: "Metal Mania", sans-serif; font-size: 2rem; }

.font-ivory-body { font-family: "Rubik Iso", cursive; padding: 1rem; margin-bottom: 1rem;}
.font-ivory-decorative { font-family: "Babylonica", sans-serif; font-size: 2rem; }

.font-lumen-body { font-family: "Josefin Sans", cursive; padding: 1rem; margin-bottom: 1rem;}
.font-lumen-decorative { font-family: "Dynalight", sans-serif; font-size: 2rem; }

.font-obsidian-body { font-family: "Homenaje", serif; padding: 1rem; margin-bottom: 1rem;}
.font-obsidian-decorative { font-family: "Diplomata SC", cursive; font-size: 1rem; }

.font-sable-body { font-family: "Grenze Gotisch", serif; padding: 1rem; margin-bottom: 1rem;}
.font-sable-decorative { font-family: "Astloch", cursive; font-size: 2rem; }

.font-shadow-body { font-family: "Gluten", serif; padding: 1rem; margin-bottom: 1rem;}
.font-shadow-decorative { font-family: "Bahiana", cursive; font-size: 2rem; }

.font-silver-body { font-family: "Quintessential", serif; padding: 1rem; margin-bottom: 1rem;}
.font-silver-decorative { font-family: "Mrs Saint Delafield", cursive; font-size: 2rem; }

.font-storm-body { font-family: "Romanesco", serif; padding: 1rem; margin-bottom: 1rem;}
.font-storm-decorative { font-family: "New Amsterdam", cursive; font-size: 2rem; }

.font-thorn-body { font-family: "Indie Flower", serif; padding: 1rem; margin-bottom: 1rem;}
.font-thorn-decorative { font-family: "Henny Penny", cursive; font-size: 2rem; }

.font-wild-body { font-family: "Sankofa Display", serif; padding: 1rem; margin-bottom: 1rem; font-size: 2rem;}
.font-wild-h1 { font-family: "Rubik 80s Fade", cursive; font-size: 2rem; }
.font-wild-h2 { font-family: "Coral Pixels", cursive; font-size: 2rem; }
.font-wild-h3 { font-family: "Rubik Broken Fax", cursive; font-size: 2rem; }
