:root{
  --store-bg:#1a1a1d;
  --store-panel:#25201b;
  --store-panel-strong:#2f241c;
  --store-ink:#ffffff;
  --store-muted:#aaaaaa;
  --store-line:#838388;
  --store-accent:#ff8107;
  --store-accent-alt:#ff8107;
  --store-accent-alt-2:#ff5b08;
  --store-accent-soft:#ffa743;
  --store-row-alt:#422613;
  color-scheme:dark;
}

html[data-theme="light"]{
  --store-bg:#f8efe5;
  --store-panel:#fffaf5;
  --store-panel-strong:#fff1dd;
  --store-ink:#24170e;
  --store-muted:#6f6256;
  --store-line:#d9c6b4;
  --store-accent:#ff8107;
  --store-accent-alt:#ff8107;
  --store-accent-alt-2:#ff5b08;
  --store-accent-soft:#ffcc7e;
  --store-row-alt:#ffe4c2;
  color-scheme:light;
}

*{box-sizing:border-box}
body{
  margin:0;
  background:var(--store-bg);
  color:var(--store-muted);
  font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;
}

a{color:var(--store-accent);font-weight:700}
h1,h2,h3,p{margin:0}
h1,h2,h3{color:var(--store-ink)}

.store-card{
  background:color-mix(in srgb,var(--store-panel) 92%, transparent);
  border:1px solid var(--store-line);
  border-radius:24px;
  box-shadow:0 18px 40px rgba(0,0,0,.42);
}