/* Biblapp — DA doré & blanc (figée le 2026-10-03) */
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600&display=swap');

:root {
  --blanc: #FFFFFF;      /* fond */
  --ivoire: #FAF8F4;     /* sections */
  --or-pale: #F3ECDD;    /* sélection */
  --or: #B8955A;         /* détails, contours, progression */
  --or-profond: #8C6D3A; /* boutons (texte blanc) */
  --or-texte: #5E4822;   /* texte sur or pâle */
  --encre: #16140F;      /* texte */
  --gris: #7A756A;       /* texte secondaire */
  --trait: #ECE8E0;      /* bordures */

  --font: 'Inter Tight', system-ui, sans-serif;
  --radius: 10px;
  --radius-card: 12px;
}

* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--blanc);
  color: var(--encre);
  font-family: var(--font);
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3 { font-weight: 600; letter-spacing: -0.025em; line-height: 1.2; }

.logo { font-weight: 600; letter-spacing: -0.03em; }

.btn {
  display: block; width: 100%; border: 0; cursor: pointer;
  padding: 14px; border-radius: var(--radius);
  background: var(--or-profond); color: var(--blanc);
  font: 500 15px/1 var(--font);
}

.option {
  display: flex; justify-content: space-between; align-items: center;
  width: 100%; padding: 12px 14px; border-radius: var(--radius);
  border: 1px solid var(--trait); background: var(--blanc);
  color: var(--encre); font: 400 14px/1.3 var(--font); cursor: pointer; text-align: left;
}
.option.is-selected {
  background: var(--or-pale); border: 1.5px solid var(--or); color: var(--or-texte);
}

.progress { height: 2px; background: #F0ECE4; }
.progress > span { display: block; height: 100%; background: var(--or); }