/* ========================================
   SiteBuilder Theme: Professional
   Clean corporate look — blue/gray palette,
   modern sans-serif, subtle shadows
   ======================================== */

:root {
  --color-green: #2563eb;
  --color-green-dark: #1e3a5f;
  --color-green-light: #3b82f6;
  --color-brown: #0ea5e9;
  --color-brown-light: #38bdf8;
  --color-cream: #f8fafc;
  --color-text: #1e293b;
  --color-text-light: #64748b;
  --color-border: #e2e8f0;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --radius: 6px;
}

/* Refined header gradient */
.site-header {
  background: linear-gradient(135deg, var(--color-green-dark) 0%, #0f2847 100%);
}

/* Sharper heading weight */
h1, h2, h3, h4 {
  font-weight: 700;
  letter-spacing: -0.01em;
}

/* Softer card shadows */
.product-card, .category-card {
  box-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);
  border: 1px solid var(--color-border);
}

.product-card:hover, .category-card:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* CTA button refinement */
.cta-button {
  border-radius: 6px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
}