/*
Theme Name: Fanstanza
Theme URI: https://fanstanza.gg
Author: Fanstanza
Author URI: https://fanstanza.gg
Description: Fanstanza is a modern and versatile WordPress theme for fanstanza.gg website.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fanstanza
Tags: blog, gaming, news
*/

/* 🎨 #2d2f3e	Charcoal Blue	A very dark grayish-blue, similar to “Gunmetal” or “Dark Slate”.
🧡 #fcb585	Peach Orange	A warm pastel orange with peach tones.
🤍 #f3f0f7	Lavender Mist	A very pale lavender-white tint.
💜 #b992e3	Light Amethyst	A soft pastel purple, close to “Lavender Purple”.
💟 #8b01c6	Vivid Violet */
:root {
  --theme-dark: #2d2f3e;
  --theme-secondary: #fcb585;
  --theme-light: #f3f0f7;
  --theme-primary-light: #b992e3;
  --theme-primary: #8b01c6;
}



body {
  font-family: "Libre Franklin", sans-serif;
  font-weight: 400;
  background-color: var(--theme-light) !important;
  color: var(--theme-dark) !important;
}

.text-theme-primary {
  color: var(--theme-primary) !important;
}
.text-theme-primary-light {
  color: var(--theme-primary-light) !important;
}
.btn-theme-primary {
  background-color: var(--theme-primary) !important;
  border: none;
  color: white !important;
}
.btn-theme-primary:hover {
  opacity: 0.9;
}
.btn-theme-secondary {
  background-color: var(--theme-secondary) !important;
  border: none;
  color: white !important;
}
.bg-theme-primary {
  background-color: var(--theme-primary) !important;
}
.bg-theme-secondary {
  background-color: var(--theme-secondary) !important;
}
.bg-theme-primary-light {
  background-color: var(--theme-primary-light) !important;
}
.bg-theme-dark {
  background-color: var(--theme-dark) !important;
}
.theme-primary-light {
  color: var(--theme-primary-light) !important;
}
.theme-border-dark {
  border-color: var(--theme-dark) !important;
}

@media (max-width: 992px) {
  .md-hidden {
    display: none !important;
  }
}

.mb-2rem{
  margin-bottom: 2rem;
}
@media (max-width: 992px) {
  .mb-2rem{
    margin-bottom: 1rem;
  }
}