/* ─────────────────────────────────────────
   concrètement.ai — Ardoise & Corail
   Design system v2
───────────────────────────────────────── */

:root {
  --ardoise:       #2C3E6B;
  --ardoise-dark:  #243355;
  --ardoise-light: #4A5D8F;
  --coral:         #FF6B6B;
  --coral-dark:    #FF5252;
  --coral-tint:    #FFF5F5;
  --surface:       #F8F9FC;
  --white:         #FFFFFF;
  --ink:           #1F2937;
  --stone:         #6B7280;
  --border:        #E5E7EB;
}

/* ── Boutons ── */
.btn-primary {
  display: inline-block;
  background-color: var(--coral);
  color: #fff;
  font-weight: 600;
  border-radius: 8px;
  transition: background-color 180ms ease;
}
.btn-primary:hover { background-color: var(--coral-dark); }

.btn-secondary {
  display: inline-block;
  background-color: var(--ardoise);
  color: #fff;
  font-weight: 600;
  border-radius: 8px;
  transition: background-color 180ms ease;
}
.btn-secondary:hover { background-color: var(--ardoise-dark); }

.btn-ghost {
  display: inline-block;
  color: var(--ardoise);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: transparent;
  transition: text-decoration-color 150ms ease;
}
.btn-ghost:hover { text-decoration-color: var(--ardoise); }

.btn-ghost-light {
  display: inline-block;
  color: rgba(255,255,255,0.70);
  font-weight: 500;
  transition: color 150ms ease;
}
.btn-ghost-light:hover { color: #fff; }

/* ── Navigation ── */
.nav-link {
  color: rgba(255,255,255,0.70);
  font-size: 13px;
  font-weight: 500;
  transition: color 150ms ease;
  white-space: nowrap;
}
.nav-link:hover,
.nav-link[aria-current="page"] { color: #fff; }

/* ── Card hover ── */
.card-hover {
  transition: transform 150ms ease, box-shadow 150ms ease;
}
.card-hover:hover {
  transform: translateY(-2px);
  box-shadow: 0 2px 8px rgba(44,62,107,0.08);
}

/* ── Offer card (border-coral on hover) ── */
.offer-card {
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  transition: border-color 150ms ease, transform 150ms ease, box-shadow 150ms ease;
}
.offer-card:hover {
  border-color: #FF6B6B;
  transform: translateY(-2px);
  box-shadow: 0 2px 8px rgba(44,62,107,0.08);
}

/* ── Form inputs ── */
.form-input {
  background: #fff;
  border: 1px solid #D1D5DB;
  border-radius: 6px;
  padding: 12px 16px;
  width: 100%;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 15px;
  color: #1F2937;
  outline: none;
  transition: border-color 200ms ease, box-shadow 200ms ease;
}
.form-input::placeholder { color: #9CA3AF; }
.form-input:focus {
  border-color: #FF6B6B;
  box-shadow: 0 0 0 3px rgba(255,107,107,0.12);
}
.form-label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #1F2937;
  margin-bottom: 6px;
}

/* ── Accordion FAQ ── */
.accordion-btn {
  transition: color 150ms ease;
}