html {
  color-scheme: light dark;
}

html[data-color-scheme="light"] {
  color-scheme: light;
}

html[data-color-scheme="dark"] {
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  html:not([data-color-scheme="light"]) {
    color-scheme: dark;
  }

  html:not([data-color-scheme="light"]) body,
  html:not([data-color-scheme="light"]) body.store-page {
    background: oklch(0.14 0.02 250);
    color: oklch(0.92 0.01 250);
  }

  html:not([data-color-scheme="light"]) :is(qasima-product, qasima-cart, qasima-checkout) {
    color-scheme: dark;
  }
}

html[data-color-scheme="dark"] :is(qasima-product, qasima-cart, qasima-checkout) {
  color-scheme: dark;
}

body {
  margin: 0;
  min-height: 100dvh;
  background: light-dark(oklch(0.98 0.01 250), oklch(0.14 0.02 250));
  color: light-dark(oklch(0.22 0.02 250), oklch(0.92 0.01 250));
}

body.store-page {
  color: inherit;
  background: light-dark(oklch(0.98 0.01 250), oklch(0.14 0.02 250));
}

.store-commerce-shell {
  display: block;
  box-sizing: border-box;
  min-height: 100dvh;
  padding: 1.5rem;
  max-width: 42rem;
  margin-inline: auto;
  color: inherit;
  background: inherit;
}

body.hub-site {
  background: light-dark(oklch(0.98 0.01 85), oklch(0.16 0.01 85));
  color: light-dark(oklch(0.22 0.02 55), oklch(0.94 0.01 85));
}

@media (prefers-color-scheme: dark) {
  html:not([data-color-scheme="light"]) body.hub-site {
    background: oklch(0.16 0.01 85);
    color: oklch(0.94 0.01 85);
  }
}

html[data-color-scheme="dark"] body.hub-site {
  background: oklch(0.16 0.01 85);
  color: oklch(0.94 0.01 85);
}

.hub-page {
  --hub-section-padding-inline: clamp(0.875rem, 3.5vw, 1.25rem);
  --hub-section-padding-block: clamp(1.25rem, 5vw, 1.75rem);

  box-sizing: border-box;
  container-type: inline-size;
  inline-size: 100%;
  max-inline-size: min(75rem, 100%);
  margin-inline: auto;
  color: light-dark(oklch(0.22 0.02 55), oklch(0.94 0.01 85));
  background: light-dark(oklch(0.98 0.01 85), oklch(0.16 0.01 85));
  font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
}

.hub-sections {
  display: grid;
  gap: 0;
  min-inline-size: 0;
  padding-block-end: var(--hub-section-padding-block);
}

.hub-sections > q-hub-section-hero:first-child .hub-section-hero {
  border-radius: 0;
}


/* published hub/store pages scroll on the document — wins over inlined manage app shell css */
html {
  block-size: auto;
  overflow: auto;
  overscroll-behavior: auto;
}

body {
  block-size: auto;
  overflow: visible;
  overscroll-behavior: auto;
}