/* Theme: Emerald Noir — dark premium dispensary */
:root:not([data-theme=dark]) {
  --pico-background-color: #0b0e0c;
  --pico-color: #e7ebe6;
  --pico-h1-color: #ffffff;
  --pico-h2-color: #ffffff;
  --pico-h3-color: #ffffff;
  --pico-primary: #37d67a;
  --pico-primary-hover: #5be399;
  --pico-primary-focus: rgba(55, 214, 122, 0.3);
  --pico-primary-background: #1f9d57;
  --pico-primary-hover-background: #28b667;
  --pico-primary-inverse: #04130a;
  --pico-card-background-color: #141a16;
  --pico-card-sectioning-background-color: #171e19;
  --pico-muted-color: #8aa093;
  --pico-muted-border-color: #26302a;
  --pico-border-radius: 14px;
  --pico-font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

body {
  background:
    radial-gradient(1200px 600px at 72% -12%, #16271c 0%, rgba(11, 14, 12, 0) 55%),
    #0b0e0c;
  color: var(--pico-color);
}

body > header.container {
  position: sticky;
  top: 0;
  z-index: 10;
  margin-bottom: 1.75rem;
  padding-block: 0.6rem;
  background: rgba(8, 11, 9, 0.72);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid #1c241e;
}
header a { color: #fff; }
header strong a { color: var(--pico-primary); letter-spacing: 0.02em; }

main > section:first-child hgroup h1 {
  font-size: clamp(2.4rem, 6vw, 4rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.05;
  background: linear-gradient(90deg, #ffffff 0%, #37d67a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
main > section:first-child hgroup p { color: #9fb3a6; font-size: 1.15rem; }

main h2 {
  font-weight: 700;
  letter-spacing: -0.01em;
  border-left: 3px solid var(--pico-primary);
  padding-left: 0.6rem;
}

.product-card,
.category-card {
  background: var(--pico-card-background-color);
  border: 1px solid #222b25;
  border-radius: 16px;
  padding: 0.6rem;
  transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.product-card:hover,
.category-card:hover {
  transform: translateY(-4px);
  border-color: var(--pico-primary);
  box-shadow: 0 14px 32px -14px rgba(55, 214, 122, 0.5);
}
.product-card img,
.category-card img { border-radius: 12px; }
.product-card h3,
.category-card h3 { color: #fff; font-weight: 700; }
.product-card p small { color: var(--pico-primary); font-weight: 600; }

.hero { border-radius: 18px; }

.filters {
  background: #141a16;
  border: 1px solid #222b25;
}

body > footer.container small { color: #6f8579; }