/* Approved storefront palette: global layer for the local development copy. */
:root {
  --bellona-page-bg: #FAFAF9;
  --bellona-surface: #FFFFFF;
  --bellona-teal: #27BDB4;
  --bellona-deep-blue: #173E70;
}

html,
body,
#bellona-app,
main,
main.catalog,
main.product {
  background-color: var(--bellona-page-bg);
}

.beds-product-demo {
  background-color: var(--bellona-page-bg) !important;
}

/* Working surfaces remain legible over the shared page background. */
.sidebar-filter,
.catalog-sort,
.product-card,
.tabs-products-items .product-card,
.product-card-meta,
.cart-card,
.beds-demo-panel,
.beds-demo-buy,
.beds-demo-product-card,
.beds-demo-collection-card {
  background-color: var(--bellona-surface);
}

/* Consistent interactive accent without replacing the existing component logic. */
.sidebar-filter a:hover,
.catalog-sort a:hover,
.product-card a:hover,
.tabs-products-items .product-card a:hover {
  color: var(--bellona-teal);
}