/* La Fosca Bay — Tokens de design (UX validée : « Méditerranée lumineuse ») */
:root {
  /* Couleurs */
  --c-primary:   #1A5E7A; /* Bleu Méditerranée profond */
  --c-azur:      #8FC1D4; /* Azur clair */
  --c-pine:      #3F5E48; /* Vert pinède */
  --c-sand:      #E3D5BE; /* Sable */
  --c-sand-deep: #C9B492; /* Sable bronze */
  --c-bg:        #FAF7F1; /* Fond blanc-sable */
  --c-white:     #FFFFFF;
  --c-cta:       #CC7A52; /* Terracotta « soleil » — boutons d'action */
  --c-cta-hover: #B5663F;
  --c-ink:       #23303A; /* Texte */

  /* Typographie */
  --font-title: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-body:  "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Espacement (base 8) */
  --space-1: 8px;  --space-2: 16px; --space-3: 24px; --space-4: 32px;
  --space-5: 48px; --space-6: 64px; --space-7: 96px;

  /* Formes & profondeur */
  --radius: 10px;
  --radius-lg: 16px;
  --shadow-soft: 0 8px 30px rgba(35, 48, 58, .08);
  --container: 1240px;
}

/* Application de base (affinée pendant le build / Elementor Global Settings) */
body {
  background-color: var(--c-bg);
  color: var(--c-ink);
  font-family: var(--font-body);
}

h1, h2, h3, h4, h5,
.elementor-heading-title {
  font-family: var(--font-title);
  color: var(--c-ink);
}

a { color: var(--c-primary); }

/* Bouton d'action « terracotta » réutilisable */
.lfb-btn-cta {
  display: inline-block;
  background-color: var(--c-cta);
  color: var(--c-white);
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius);
  font-weight: 600;
  text-decoration: none;
  transition: background-color .2s ease, transform .2s ease;
}
.lfb-btn-cta:hover { background-color: var(--c-cta-hover); transform: translateY(-1px); color: var(--c-white); }