/* 
   BE-ART Shared Design System
   Consolidates styles from both Landing and Product pages.
*/

/* Custom Layout Utilities */
.hero-gradient {
  background: radial-gradient(circle at top right, #fffbeb 0%, #ffffff 100%);
}

.card-shadow {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.cta-section-bg {
  background-color: #111111;
  background-image: radial-gradient(circle at center, #1a1a1a 0%, #0a0a0a 100%);
}

.honeycomb-pattern {
  background-color: #f9f9f9;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100' viewBox='0 0 56 100'%3E%3Cpath fill='%23facc15' fill-opacity='0.05' d='M28 66L0 50L0 16L28 0L56 16L56 50L28 66L28 100'/%3E%3C/svg%3E");
}

/* Material Icons configuration */
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Smooth Scrolling */
html {
  scroll-behavior: smooth;
}

/* Transitions */
.hover-scale {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.hover-scale:hover {
  transform: scale(1.05);
}