/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

  .table-bordered > thead > tr > th {
    border: 1px solid #dadada;
  }
  .table-bordered > thead > tr > td {
    border: 1px solid #dadada;
  }
  
/* --- Fond doux --- */
body {
    background-color: #dedede;   /* beige très léger, non-blanc */
    font-family: "Inter", "Helvetica Neue", sans-serif;
    color: #444;                 /* gris doux, moins agressif que le noir */
}

/* --- Conteneur plus respirant --- */
.container {
    max-width: 720px;            /* largeur idéale pour lecture calme */
    margin: auto;
    padding: 20px;
}

/* --- Titres adoucis --- */
h1, h2, h3 {
    color: #555;                 /* gris plus doux */
    font-weight: 500;            /* moins “gras” que le défaut */
}

/* --- Espacement entre les questions --- */
.question-container {
    margin-bottom: 24px;         /* respiration entre les blocs */
}

/* --- Labels plus doux --- */
label {
    color: #555;
}

/* --- Boutons IKIMA doux --- */
.btn-primary {
    background-color: #756741 ;   /* marron doré IKIMA */
    border-radius: 6px;          /* arrondi léger */
    border: none;
}

.btn-primary:hover {
    background-color: #6b958d;   /* variante plus sombre */
}

/* --- Boutons secondaires --- */
.btn-default, .btn-secondary {
    background-color: #e7e5e2;   /* gris-beige doux */
    border-radius: 6px;
    border: none;
    color: #444;
}

.btn-default:hover, .btn-secondary:hover {
    background-color: #d8d6d3;
}
/* --- Texte principal en anthracite --- */
.survey-description,
.survey-welcome,
.question-text,
.ls-heading,
.ls-message-box {
    color: #333 !important;   /* anthracite doux */
}