/* Massage & SPA Theme - основан на massage_zuly */
:root {
  --primary: #056486;
  --primary-light: #0A7FA3;
  --primary-dark: #034A5F;
  --secondary: #0A7FA3;
  --secondary-light: #2FA2C6;
  --secondary-dark: #056486;
  --accent: #056486;
  --accent-light: #0A7FA3;
  --accent-dark: #034A5F;
  --text-primary: #1f2937;
  --text-secondary: #4b5563;
  --bg-color: #f8fbfc;
  --bg-secondary: #ffffff;
  --border-radius: 16px;
  --shadow: 0 8px 24px rgba(5, 100, 134, 0.15);
  --transition: all 0.3s ease;
  --font-heading: 'Montserrat', sans-serif;
  --font-body: 'Open Sans', sans-serif;
}

.massage_spa-theme {
  --theme-primary: var(--primary);
  --theme-secondary: var(--secondary);
  --theme-accent: var(--accent);
}

/* Bulma overrides */
:root {
  --bulma-primary: var(--primary);
  --bulma-link: var(--accent);
  --bulma-info: var(--secondary);
}

body {
  background-color: var(--bg-color);
  color: var(--text-primary);
}

/* Buttons */
.button.is-primary,
.button.is-link,
a.button.is-primary,
a.button.is-link,
button.button.is-primary,
input[type="submit"].button.is-primary {
  background-color: var(--primary);
  border-color: var(--primary);
  color: #ffffff;
  box-shadow: 0 6px 16px rgba(5, 100, 134, 0.25);
}

.button.is-primary:hover,
.button.is-link:hover {
  background-color: var(--primary-light);
  border-color: var(--primary-light);
}

/* Cards */
.massage_spa-theme .card,
.massage_spa-theme .service-card,
.massage_spa-theme .testimonial-card {
  background-color: var(--bg-secondary);
  border-radius: var(--border-radius);
  box-shadow: var(--shadow);
}

/* Hero */
.hero.massage_spa-theme {
  background-color: var(--primary);
  background-image: linear-gradient(135deg, rgba(5, 100, 134, 0.95), rgba(10, 127, 163, 0.85));
  color: #ffffff;
}

.hero.massage_spa-theme .title,
.hero.massage_spa-theme .subtitle {
  color: #ffffff;
}

/* Section backgrounds */
.section.massage_spa-theme,
.services-block.massage_spa-theme {
  background-color: var(--bg-color);
}

/* Forms */
.input,
.textarea,
.select select {
  border-radius: 10px;
  border-color: #cfd8dc;
}

.input:focus,
.textarea:focus,
.select select:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 0.125em rgba(5, 100, 134, 0.25);
}

/* Accents */
.massage_spa-theme .stat-value,
.massage_spa-theme .feature-icon {
  color: var(--primary);
}