#fw-section-hero-1745943965 {
--color-primary: #FFFFFF;
--color-primary-rgb: 255, 255, 255;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-background: #ff6600;
--color-on-background-rgb: 255, 102, 0;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-product-image-background: #ff6600;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #FFFFFF;
--primary-btn-text: #000000;
--primary-btn-border-color: #ff6600;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ff6600;
--secondary-btn-border-color: #ff6600;
.button,
h1,
h2,
h3 {
  display: inline-block;
  background-color: rgba(74, 74, 74, 0.5); /* dusk grey @ 50% */
  color: #ff6600; /* orange default */
  text-decoration: none;
  padding: 10px 20px;
  border-radius: 9999px; /* pill */
  transition: background-color 0.5s ease,
              box-shadow 0.8s ease,
              color 0.25s ease,
              text-shadow 0.25s ease;
}

/* Hover only for buttons */
.button:hover {
  background-color: #4A4A4A; /* solid dusk grey */
  box-shadow:
    0 0 20px rgba(255, 215, 0, 0.7),
    0 0 40px rgba(255, 215, 0, 0.5),
    0 0 60px rgba(255, 215, 0, 0.3);
  color: #fff387; /* brighter than #FFD700 for stronger contrast */
  text-shadow:
    0 0 6px rgba(255, 215, 0, 0.9),
    0 0 14px rgba(255, 215, 0, 0.6);
}
}