/* ProstyCom Sections — mobile-first, classes sobres
   ATTENTION: Couleurs pilotées par JSON seulement si tu ajoutes un fetch côté JS.
   Ici, on fixe des valeurs par défaut (change-les si besoin). */
:root {
  --pc-primary: #0f766e; /* MODIFIABLE ICI */
  --pc-secondary: #0ea5e9; /* MODIFIABLE ICI */
  --pc-dark: #0f172a;
  --pc-muted: #64748b;
  --pc-bg: #f8fafc;
  --pc-white: #ffffff;
  --pc-radius: 14px;
  --pc-shadow: 0 8px 24px rgba(2, 6, 23, 0.08);
}

.pc-section {
  padding: 40px 18px;
  background: var(--pc-bg);
}
.pc-container { max-width: 1100px; margin: 0 auto; }
.pc-title { font-size: 1.6rem; color: var(--pc-dark); margin-bottom: 8px; }
.pc-subtitle { color: var(--pc-muted); margin-bottom: 20px; }
.pc-grid { display: grid; gap: 14px; }
@media (min-width: 768px) { .pc-grid-3 { grid-template-columns: repeat(3, 1fr);} }
@media (min-width: 768px) { .pc-grid-2 { grid-template-columns: repeat(2, 1fr);} }
.pc-card { background: var(--pc-white); border-radius: var(--pc-radius); box-shadow: var(--pc-shadow); padding: 16px; }
.pc-badge { display:inline-block; background: var(--pc-primary); color:#fff; padding:4px 10px; border-radius:999px; font-size:.78rem; }
.pc-btn { display:inline-block; padding:10px 16px; background: var(--pc-primary); color:#fff; border-radius:10px; text-decoration:none; font-weight:600; }
.pc-btn.secondary { background: var(--pc-secondary); }
.pc-muted { color: var(--pc-muted); }

.pc-list { 
  list-style: none; 
  padding: 0; 
  color: black;
}
.pc-list li { margin-bottom: 8px; }
.pc-cta { display:flex; gap:10px; flex-wrap:wrap; }
.pc-input, .pc-select, .pc-textarea {
  width:100%; padding:12px; border:1px solid #e5e7eb; border-radius:10px; font-size:1rem;
}
.pc-form-row { display:grid; gap:10px; }
@media (min-width: 768px) { .pc-form-row { grid-template-columns: 1fr 1fr; } }
.pc-accordion-item { border:1px solid #e5e7eb; border-radius:12px; overflow:hidden; background:#fff; }

.pc-accordion-header { 
  padding:14px; 
  background:var(--pc-primary); 
  font-weight:600; 
  cursor:pointer; 
  
}
.pc-accordion-body { padding:14px; display:none; }
.pc-accordion-item.open .pc-accordion-body { display:block; }
.pc-kpi { font-size:1.8rem; font-weight:800; color: var(--pc-primary); }
.pc-pill { padding:4px 10px; border:1px dashed #94a3b8; border-radius:999px; font-size:.8rem; }
.pc-note { background:#fffbeb; border:1px solid #f59e0b; padding:10px; border-radius:12px; }










.pc-card-titre{
  color :var(--pc-primary);
}