#fw-section-hero-1768603483 {
--color-primary: #41a0e5;
--color-primary-rgb: 65, 160, 229;
--color-background: #03000a;
--color-background-rgb: 3, 0, 10;
--color-on-primary: #4d2eff;
--color-on-primary-rgb: 77, 46, 255;
--color-on-background: #da4fda;
--color-on-background-rgb: 218, 79, 218;
--color-product-image-background: #da4fda;
--color-background-brightness: 2;
background-color: var(--color-background);
color: var(--color-on-background);
/* --- FONT LOADING TEST --- */

/* Import your custom font with the corrected URL (space is replaced with %20) */
/* --- STEP 1: IMPORT YOUR FONT --- */
/* This rule tells the browser to download your font from the correct URL. */
@font-face {
  font-family: 'Cyberbrush'; /* We give the font a name for CSS to use */
  src: url('https://cdn.jsdelivr.net/gh/ProtocolRP/custom-fonts/CyberBrush.woff2') format('woff2');
}

/* 
  --- STEP 2: APPLY THE FONT TO YOUR HEADING --- 
  'h1' is the most common selector for a page's main title.
*/
h1 {
  /* This tells the heading to use your font, overriding any other style. */
  font-family: 'Cyberbrush', sans-serif !important; 
}


/* 
  Apply ONLY the font to your title.
  Replace 'h1' if you know the specific class for your title.
*/
h1 {
  font-family: 'Cyberbrush' !important; /* The !important tag forces the style to apply */
}

}


#fw-section-header {
--font-heading-scale: 1.78;
--font-body-scale: 1.0;
}