#fw-section-image-with-text-fbc7600a-f5f5-43d6-8d83-c67a7f87f7f4 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-custom-html-d36cfa4a-bf99-46be-87e5-e00ae205d666 {

@import url('https://fonts.googleapis.com/css2?family=Blaka+Hollow&display=swap');

.brand-guide {
  font-family: 'Diphylleia', serif;
  background-color: #363636;
  color: #ffffff;
  padding: 2rem;
  border-radius: 1rem;
  max-width: 1000px;
  margin: auto;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
}

.brand-guide h1,
.brand-guide h2 {
  font-family: 'Bree Serif', serif;
  color: #fff;
  margin-bottom: 0.5rem;
}

.brand-guide h1 {
  font-size: 2rem;
  text-transform: uppercase;
  border-bottom: 2px solid #F6D016;
  padding-bottom: 0.25rem;
  margin-bottom: 1rem;
}

.brand-guide h2 {
  font-size: 1.5rem;
  margin-top: 2rem;
}

.brand-guide p,
.brand-guide li {
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 0.75rem;
}

.brand-guide code {
  background: #222;
  color: #F6D016;
  padding: 0.2rem 0.4rem;
  border-radius: 4px;
  font-family: monospace;
}

.logo-section {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 1rem;
}

.logo-box {
  background: #2a2a2a;
  border: 2px solid #F6D016;
  padding: 1rem;
  border-radius: 0.5rem;
  flex: 1 1 45%;
  text-align: center;
}

.logo-box img {
  max-width: 100%;
  height: auto;
  border-radius: 0.25rem;
}

.color-swatch {
  display: flex;
  gap: 1rem;
  margin-top: 1rem;
}

.swatch {
  flex: 1;
  padding: 1rem;
  border-radius: 6px;
  color: #fff;
  text-align: center;
  font-weight: bold;
}

.swatch.black {
  background: #000000;
}

.swatch.gold-dark {
  background: #8D782D;
}

.swatch.gold-light {
  background: #F6D016;
  color: #000;
}

/* Font-specific preview classes for Typography section */
.font-bree {
  font-family: 'Bree Serif', serif;
}

.font-diphylleia {
  font-family: 'Diphylleia', serif;
}

.font-alfa {
  font-family: 'Alfa Slab One', serif;
}

.blaka-hollow-regular {
  font-family: "Blaka Hollow", system-ui;
  font-weight: 400;
  font-style: normal;
}

/* Makes the font previews pop inside code blocks */
.font-preview {
  font-size: 1.1em;
}

/* Optional class for code styling — in case you reuse it */
.code-style {
  font-family: inherit;
  background: #222;
  color: #F6D016;
  padding: 0.2rem 0.4rem;
  border-radius: 4px;
  font-family: monospace;
}
}

#fw-section-custom-html-12eb0d00-b3eb-4900-b59f-639d602a78e1 {

/* --- LUXE Esports Code of Conduct Styles --- */
.luxe-code {
  font-family: 'Poppins', 'Segoe UI', sans-serif;
  background-color: #363636;
  color: #ffffff;
  padding: 40px 40px;
  line-height: 1.6;
  text-align: center;
  box-sizing: border-box;
  max-width: 1000px;
  margin: 0 auto;
}

.luxe-section {
  margin-bottom: 32px;
}

.luxe-section h3 {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FBDE44;
  background: linear-gradient(90deg, #FBDE44, #BA8C0D);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 6px;

  text-align: left;
  padding-left: 10px;
}

.luxe-section p {
  color: #ffffff;
  font-size: 1rem;
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

/* Optional subtle divider between sections */
.luxe-divider {
  height: 1px;
  background: linear-gradient(90deg, rgba(251, 222, 68, 0.15), rgba(186, 140, 13, 0.15));
  margin: 20px 0;
}

}





#fw-section-rich-text-78343504-5aa1-4b5e-a488-ac8ebbf2d063 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #f7ea8b;
--color-background-rgb: 247, 234, 139;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 227;
background-color: var(--color-background);
color: var(--color-on-background);

}