/*
Theme Name: PrizePals
Template: storefront
Description: PrizePals competition platform, built on Storefront and WooCommerce, dark theme with orange accent.
Version: 0.1.0
*/

:root {
  --pp-dark: #0F0F0F;
  --pp-card: #1A1A1A;
  --pp-orange: #FF8B00;
  --pp-border: #262626;
  --pp-text-muted: #aaaaaa;
}

body {
  background: var(--pp-dark);
  color: #f2f2f2;
}

#page {
  background: var(--pp-dark);
}

.site-header,
.storefront-primary-navigation {
  background: #111111;
  border-bottom: 3px solid var(--pp-orange);
}

.site-title a,
.site-title a:hover {
  color: #ffffff;
}

a {
  color: var(--pp-orange);
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  background: var(--pp-card);
  border: 1px solid var(--pp-border);
  border-radius: 12px;
  padding: 16px;
}

.woocommerce ul.products li.product .price {
  color: var(--pp-orange);
  font-weight: 700;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  background: var(--pp-orange);
  color: #1a1a1a;
  border-radius: 8px;
  font-weight: 700;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover {
  background: #e07a00;
  color: #1a1a1a;
}

.site-footer {
  background: #111111;
  color: var(--pp-text-muted);
}