/* 
 * COMMERCE THEME - GLOBAL CUSTOM CSS
 * 
 * This file is automatically loaded for ALL pages in the commerce theme.
 */

:root {
  /* Commerce Theme Colors */
  --commerce-primary: #00D4FF;
  --commerce-secondary: #FF006E;
  --commerce-accent: #1A1A1A;
  --commerce-background: #F8F9FA;
}

/* Theme-specific global styles */
.commerce-container {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 2rem;
}

.commerce-button {
  background: var(--commerce-primary);
  color: var(--commerce-accent);
  border-radius: 8px;
  padding: 1rem 2rem;
  font-weight: 600;
  transition: all 0.3s ease;
}

.commerce-button:hover {
  background: var(--commerce-secondary);
  color: white;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

/* Custom homepage content styling */
.custom-homepage-content {
  line-height: 1.6;
}

.custom-homepage-content img {
  max-width: 100%;
  height: auto;
}

/* Add your custom theme styles below */