/* Bricks AI Site Generator — Generated CSS Variables */
:root {

  /* Colors */
  --color-primary: #d4527a;
  --color-primary-hover: #b8456a;
  --color-primary-light: #e8a6bf;
  --color-secondary: #8b5a3c;
  --color-secondary-hover: #754a33;
  --color-accent: #f4d1ae;
  --color-bg: #fefcf9;
  --color-bg-alt: #f8f4f0;
  --color-surface: #ffffff;
  --color-text: #2d2d2d;
  --color-text-secondary: #6b6b6b;
  --color-text-on-primary: #ffffff;
  --color-text-on-secondary: #ffffff;
  --color-border: #e8e1db;
  --color-success: #28a745;
  --color-warning: #ffc107;
  --color-error: #dc3545;

  /* Typography */
  --font-heading: 'Playfair Display', sans-serif;
  --font-body: 'Source Sans Pro', sans-serif;
  --font-weight-heading: 400;
  --font-weight-body: 400;
  --font-size-base: 16px;
  --line-height-body: 1.6;
  --line-height-heading: 1.3;
  --letter-spacing-heading: 0.01em;
  --letter-spacing-body: 0.005em;

  /* Hover / Transitions */
  --hover-button-transform: translateY(-2px);
  --hover-button-transition: all 0.3s ease;
  --hover-button-shadow: 0 4px 12px rgba(0,0,0,0.15);
  --hover-card-transform: translateY(-5px);
  --hover-card-transition: all 0.4s ease;
  --hover-card-shadow: 0 8px 24px rgba(0,0,0,0.12);
  --hover-image-transform: scale(1.05);
  --hover-image-transition: all 0.5s ease;

  /* Micro-interactions */
  --scroll-animation-duration: 800ms;
  --scroll-animation-delay-step: 150ms;
}

/* Hover utility classes */
.bricks-ai-btn {
  transition: var(--hover-button-transition);
}
.bricks-ai-btn:hover {
  transform: var(--hover-button-transform);
  box-shadow: var(--hover-button-shadow);
}
.bricks-ai-card {
  transition: var(--hover-card-transition);
}
.bricks-ai-card:hover {
  transform: var(--hover-card-transform);
  box-shadow: var(--hover-card-shadow);
}
.bricks-ai-img-hover {
  overflow: hidden;
}
.bricks-ai-img-hover img {
  transition: var(--hover-image-transition);
}
.bricks-ai-img-hover:hover img {
  transform: var(--hover-image-transform);
}
.bricks-ai-link {
  transition: color 0.3s ease;
}
.bricks-ai-link:hover { text-decoration: underline; }

/* Scroll animations */
[data-bricks-ai-animate] {
  opacity: 0;
  transition-property: opacity, transform;
  transition-duration: var(--scroll-animation-duration);
  transition-timing-function: ease-out;
}
[data-bricks-ai-animate].is-visible {
  opacity: 1;
  transform: none;
}
[data-bricks-ai-animate] {
  transform: translateY(30px);
}