/* btp-color.css — surcharge famille BTP */
/* Étend btp-page.css avec le thème clair de la famille Bâtiment */
/* Même pattern que paysagisme-page.css */

:root {
  --family-accent: #7A705F;
  --family-accent-hover: #5E5548;
  --family-accent-soft: #F0ECE5;
  --family-accent-ultra-soft: #FAF7F1;
  --family-accent-border: #DED6C8;
  /* rétrocompat btp-page.css */
  --orange: #7A705F;
  --orange2: #9A8E7C;
}

body {
  background:
    radial-gradient(circle at 10% 0%, rgba(122, 112, 95, 0.14), transparent 34%),
    radial-gradient(circle at 90% 10%, rgba(25, 185, 111, 0.09), transparent 30%),
    var(--mp-bg, #F6F7F4);
  color: var(--mp-text, #132033);
}

.brand-logo {
  background: linear-gradient(180deg, var(--orange2), var(--orange));
  box-shadow: 0 18px 44px rgba(122, 112, 95, .36);
}

.btn-primary {
  background: linear-gradient(180deg, var(--orange2), var(--orange));
  box-shadow: 0 18px 42px rgba(122, 112, 95, .32);
}

.truth-card {
  background:
    radial-gradient(circle at 30% 0%, rgba(122, 112, 95, .18), transparent 38%),
    var(--mp-surface-muted, #F9FAF7);
  color: var(--mp-text, #132033);
}

.job-card:hover {
  border-color: rgba(122, 112, 95, .45);
  background: linear-gradient(180deg, rgba(122, 112, 95, .10), rgba(255,255,255,0));
}

.pain {
  background:
    radial-gradient(circle at 20% 20%, rgba(122, 112, 95, .12), transparent 32%),
    rgba(249, 250, 247, .85);
}

.pain-text {
  border-left: 4px solid var(--orange);
}

.step strong {
  background: rgba(122, 112, 95, .16);
  color: var(--orange2);
}

.truth-list {
  color: var(--mp-text-soft, #425067);
}

.pain-text {
  border-left: 4px solid var(--orange);
  color: var(--mp-text, #132033);
}