:root {
  color-scheme: dark;
  --bg-main: #09090B;
  --bg-card: #111115;
  --bg-elevated: #17171D;
  --border-subtle: rgba(255, 255, 255, 0.08);
  --accent-gold: #C8A566;
  --accent-gold-hover: #D9B97D;
  --accent-blue: #3B82F6;
  --text-muted: #94A3B8;
}

body {
  background-color: var(--bg-main);
  color: #F8FAFC;
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  overflow-x: hidden;
}

.bg-tech-grid {
  background-image:
    linear-gradient(to right, rgba(255, 255, 255, 0.02) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
  background-size: 56px 56px;
}

.store-card {
  background-color: var(--bg-card);
  border: 1px solid var(--border-subtle);
  transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.store-card:hover {
  border-color: rgba(200, 165, 102, 0.4);
  box-shadow: 0 20px 44px -24px rgba(0, 0, 0, 0.85), 0 0 28px -16px rgba(200, 165, 102, 0.2);
}

.btn-gold {
  background: linear-gradient(135deg, #C8A566 0%, #B38D4D 100%);
  color: #09090B;
  font-weight: 700;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.25) inset, 0 10px 26px -12px rgba(200, 165, 102, 0.55);
  transition: filter 0.2s ease, transform 0.2s ease;
}

.btn-gold:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}

.text-gold-gradient {
  background: linear-gradient(135deg, #E5C88D 0%, #C8A566 55%, #A67F42 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Ukrycie strzałek input number */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}

/* Pasek przewijania */
::-webkit-scrollbar {
  width: 9px;
}
::-webkit-scrollbar-track {
  background: #09090B;
}
::-webkit-scrollbar-thumb {
  background: #27272A;
  border-radius: 9999px;
  border: 2px solid #09090B;
}
::-webkit-scrollbar-thumb:hover {
  background: #3F3F46;
}