/* Dynamic theme (CSP-safe: external CSS) */
:root{
  --bc-green: #567235;
  --bc-green-dark: #304124;

  /* derived neon vars (follow settings colors) */
  --bc-neon: rgba(86, 114, 53, .55);
  --bc-neon-soft: rgba(86, 114, 53, .18);
  --bc-neon-dark: rgba(48, 65, 36, .55);
}

/* Prefer WebP, fallback JPG (mobile/Safari safe) */
.bc-hero{
  /* 1) hard fallback */
  background-image: url("assets/images/hero.jpg");

  /* 2) Safari/WebKit */
  background-image: -webkit-image-set(
    url("assets/images/hero.webp") 1x,
    url("assets/images/hero.jpg") 1x
  );

  /* 3) Modern browsers */
  background-image: image-set(
    url("assets/images/hero.webp") type("image/webp"),
    url("assets/images/hero.jpg") type("image/jpeg")
  );
}

/* Safety: ako site.css nema ove, neće škoditi; ako ima, override nije problem */
.bc-hero{
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}