/* Pre-boot shell styles: what the page looks like before Angular takes over <app-root> (and all
 * of it, if JavaScript is unavailable). Scoped to .storefront-shell so none of it outlives the
 * placeholder once Angular boots. External because the enforced CSP (style-src 'self') forbids
 * inline <style>. Named shell.css because the Angular build owns styles.css. */
body {
  margin: 0;
}

.storefront-shell {
  min-height: 100svh;
  display: grid;
  place-content: center;
  background: #000;
  color: #fff;
  font-family: system-ui, sans-serif;
  text-align: center;
}

.storefront-shell p {
  color: #888;
  font-size: 0.85rem;
}

.storefront-shell code {
  color: #bbb;
}