:root {
  --store-radius: 18px;
  --store-card-radius: 20px;
  --store-motion: .22s;
}
html[data-store-theme="signature"] body {
  background:
    radial-gradient(900px 430px at 85% -10%, rgba(242,193,78,.16), transparent 60%),
    radial-gradient(780px 420px at 10% 5%, rgba(47,125,196,.12), transparent 62%),
    #071a2f;
}
html[data-store-theme="signature"] .store-header {
  background: linear-gradient(90deg, rgba(6,24,45,.98), rgba(13,43,78,.98));
  border-bottom-color: rgba(242,193,78,.26);
}
html[data-store-theme="signature"] .panel,
html[data-store-theme="signature"] .product-card,
html[data-store-theme="signature"] .store-admin-orders-card {
  border-radius: 22px;
  box-shadow: 0 18px 48px rgba(0,0,0,.24);
}

html[data-store-theme="minimal"] {
  --gold: #18202c;
  --gold2: #27364a;
  --text: #17212f;
  --muted: #687386;
  --border: rgba(20,35,55,.12);
}
html[data-store-theme="minimal"] body {
  background: #f5f6f8;
  color: #17212f;
}
html[data-store-theme="minimal"] .store-header {
  background: rgba(255,255,255,.96);
  border-bottom: 1px solid rgba(20,35,55,.1);
  box-shadow: 0 8px 24px rgba(30,45,65,.07);
}
html[data-store-theme="minimal"] .brand,
html[data-store-theme="minimal"] .muted,
html[data-store-theme="minimal"] footer { color: #27364a; }
html[data-store-theme="minimal"] .panel,
html[data-store-theme="minimal"] .product-card,
html[data-store-theme="minimal"] .store-admin-orders-card,
html[data-store-theme="minimal"] .nested-panel {
  background: #fff;
  border-color: rgba(20,35,55,.1);
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(35,50,70,.07);
}
html[data-store-theme="minimal"] .btn {
  border-radius: 10px;
  box-shadow: none;
}
html[data-store-theme="minimal"] .btn--primary {
  background: #17212f;
  color: #fff;
  border-color: #17212f;
}
html[data-store-theme="minimal"] .input,
html[data-store-theme="minimal"] select,
html[data-store-theme="minimal"] textarea {
  color: #17212f;
  background: #fff;
  border-color: rgba(20,35,55,.16);
  border-radius: 10px;
}

html[data-store-theme="neon"] {
  --gold: #7df9ff;
  --gold2: #d67dff;
  --text: #f2fbff;
  --muted: rgba(220,242,255,.7);
  --border: rgba(125,249,255,.24);
}
html[data-store-theme="neon"] body {
  background:
    linear-gradient(rgba(5,8,20,.95), rgba(5,8,20,.98)),
    repeating-linear-gradient(90deg, rgba(125,249,255,.025) 0 1px, transparent 1px 44px),
    repeating-linear-gradient(0deg, rgba(214,125,255,.02) 0 1px, transparent 1px 44px),
    #050814;
}
html[data-store-theme="neon"] .store-header {
  background: rgba(4,7,18,.92);
  border-bottom: 1px solid rgba(125,249,255,.34);
  box-shadow: 0 0 28px rgba(125,249,255,.12);
}
html[data-store-theme="neon"] .brand-mark {
  background: transparent;
  color: #7df9ff;
  border-color: rgba(125,249,255,.65);
  box-shadow: 0 0 18px rgba(125,249,255,.42), inset 0 0 12px rgba(125,249,255,.12);
}
html[data-store-theme="neon"] .panel,
html[data-store-theme="neon"] .product-card,
html[data-store-theme="neon"] .store-admin-orders-card,
html[data-store-theme="neon"] .nested-panel {
  background: linear-gradient(145deg, rgba(16,22,44,.82), rgba(8,11,26,.88));
  border: 1px solid rgba(125,249,255,.24);
  border-radius: 9px;
  box-shadow: 0 0 0 1px rgba(214,125,255,.05), 0 0 24px rgba(125,249,255,.08);
}
html[data-store-theme="neon"] .btn {
  border-radius: 7px;
  color: #7df9ff;
  border-color: rgba(125,249,255,.42);
  background: rgba(125,249,255,.05);
  box-shadow: inset 0 0 12px rgba(125,249,255,.05);
}
html[data-store-theme="neon"] .btn:hover {
  box-shadow: 0 0 18px rgba(125,249,255,.22), inset 0 0 16px rgba(125,249,255,.08);
}
html[data-store-theme="neon"] .btn--primary {
  background: linear-gradient(90deg, #7df9ff, #d67dff);
  color: #050814;
  border-color: transparent;
}
html[data-store-theme="neon"] .input,
html[data-store-theme="neon"] select,
html[data-store-theme="neon"] textarea {
  background: rgba(4,8,22,.86);
  color: #f2fbff;
  border-color: rgba(125,249,255,.25);
  border-radius: 6px;
}
html[data-store-density="compact"] .panel { padding: 12px; }
html[data-store-density="compact"] .product-card__body { padding: 10px; }
html[data-store-density="compact"] .btn { min-height: 34px; padding-block: 7px; }