html {
    font-size: 20px; /* ou 19px ou 20px si tu veux plus grand */
}
html, body {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

body {
    background-color: rgb(252, 251, 245);
    min-height: 95vh;
    font-family: 'Cormorant', serif;
    font-weight: 400;
    line-height: 1.7;
    letter-spacing: 0.2px;
}

/* Titres en Cormorant Bold */
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}
/* Augmentation de la taille des paragraphes */
p, table {
    font-size: 1.2rem; /* ou 1.25rem, selon le rendu que tu veux */

}

header, footer {
    background-color: #390050;
}
header img {
    display: inline-block;
}
header nav h2, 
header nav a h2 {
    font-size: 1.1rem;
    margin: 0;
}
header a {
    text-decoration: none;
}
header h1{
    color: rgba(255, 231, 135, 1);
}
header h2{
    color: rgba(255, 231, 135, 1);
}
footer p {
    color: rgba(255, 231, 135, 1);
}
footer a {
    color: rgba(255, 231, 135, 1);
}

h1, h2, h3 {
    color: #390050;
}


.note-circle {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid #390050;
    display: flex;
    justify-content: center;
    align-items: center;
}


table.table-custom > thead > tr > th {
    background-color: #390050 !important;
    color: rgba(255, 231, 135, 1) !important;
    border-color: #390050 !important;
}

.table-custom tbody td {
    background-color: #fffaf0;
    color: #390050;
    font-weight: 500;
    padding: 1rem;
}


.btn-custom {
    background-color: #390050;
    color: #ffffff;
    border: 1px solid transparent;
    padding: 0.5rem 1.5rem;
    transition: all 0.3s ease;
}

.btn-custom:hover {
    background-color: #390050;
    color: rgba(255, 231, 135, 1);
    border-color: rgba(255, 231, 135, 1);
}

.card {
    border-radius: 1rem;
}

.card p {
    font-size: 1rem;
    margin-bottom: 0.5rem;
    color: #390050;
}

@media (max-width: 768px) {
    header nav {
        display: none !important;
    }
}