/*
 * Foundation styles: a small, original reset + the sticky-footer layout
 * pattern (body flex column, main grows to fill the viewport, footer sits
 * at the bottom). Every component (carpcore-*.css, carpcore-herbiary.css)
 * is fully self-contained and brings its own fonts/colors/resets, so this
 * file only needs to cover the handful of page-wide things nothing else
 * provides — it replaces the old stock Shopify "Horizon" base.css, of
 * which this theme's markup only ever used a few rules.
 */

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  display: flex;
  flex-direction: column;
  min-height: 100svh;
  color: var(--color-foreground);
  background: var(--color-background);
}

.content-for-layout {
  flex: 1;
  display: flex;
  flex-direction: column;
}

*:focus-visible {
  outline: 2px solid currentcolor;
  outline-offset: 2px;
}