/*
 Theme Name:   Dulce Child Theme
 Template:     hello-elementor
 Version:      1.0.0
*/
:root {
  --dulce-peach: #F7A9A8;
  --dulce-cream: #FFF4E6;
  --dulce-matcha: #B0D48C;
  --dulce-black: #3D2C29;
  --dulce-white: #FFFCF8;
  --dulce-summer-coral: #FF6F61;
  --dulce-summer-aqua: #6FD8D4;
  --dulce-summer-sun: #FFD662;
  --font-scale-1: 1rem;
  --font-scale-2: 1.25rem;
  --font-scale-3: 1.5rem;
  --font-scale-4: 2rem;
  --font-scale-5: 2.5rem;
  --font-scale-6: 3rem;
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-xxl: 4rem;
}
body {
  font-family: 'Inter', sans-serif;
  background: var(--dulce-cream);
  color: var(--dulce-black);
  margin: 0;
  padding: 0;
}
h1, .dulce-display {
  font-family: 'Montserrat', sans-serif;
  font-size: clamp(var(--font-scale-5), calc(5vw + 1rem), var(--font-scale-6));
  line-height: 1.2;
  margin-bottom: var(--space-md);
}
.dulce-text-center { text-align: center!important; }
.dulce-mb-xs { margin-bottom: var(--space-xs)!important; }
.dulce-mb-sm { margin-bottom: var(--space-sm)!important; }
.dulce-mb-md { margin-bottom: var(--space-md)!important; }
.dulce-mb-lg { margin-bottom: var(--space-lg)!important; }
.dulce-mb-xl { margin-bottom: var(--space-xl)!important; }
.dulce-mb-xxl { margin-bottom: var(--space-xxl)!important; }
.dulce-p-xs { padding: var(--space-xs)!important; }
.dulce-p-sm { padding: var(--space-sm)!important; }
.dulce-p-md { padding: var(--space-md)!important; }
.dulce-p-lg { padding: var(--space-lg)!important; }
.dulce-p-xl { padding: var(--space-xl)!important; }
.dulce-p-xxl { padding: var(--space-xxl)!important; }
.dulce-btn {
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  padding: var(--space-sm) var(--space-lg);
  border: none;
  cursor: pointer;
  transition: background .3s, color .3s;
  text-decoration: none;
}
.dulce-btn-primary {
  background: var(--dulce-matcha);
  color: var(--dulce-white);
}
.dulce-btn-primary:hover {
  background: var(--dulce-summer-coral);
  color: var(--dulce-black);
}
.dulce-btn:focus {
  outline: 2px solid var(--dulce-black);
  outline-offset: 2px;
}
.dulce-grid-2 { display: grid; gap: var(--space-md); grid-template-columns: repeat(2,1fr); }
.dulce-grid-3 { display: grid; gap: var(--space-md); grid-template-columns: repeat(3,1fr); }
.dulce-grid-4 { display: grid; gap: var(--space-md); grid-template-columns: repeat(4,1fr); }
@media(max-width:1024px){
  .dulce-grid-3, .dulce-grid-4 { grid-template-columns: repeat(2,1fr); }
}
@media(max-width:768px){
  .dulce-grid-2, .dulce-grid-3, .dulce-grid-4 { grid-template-columns: 1fr; }
}
.dulce-section { padding: var(--space-lg) var(--space-sm); }
.dulce-section-alt { background: var(--dulce-summer-aqua); }
.dulce-summer-headline { text-shadow: 1px 1px 2px rgba(61,44,41,0.15); }