/* ========================================
   PAGE LÉGALE (mentions légales…)
   ======================================== */
/* Bannière beige (titre + sous-titre), en continuité avec le header */
.legal-banner {
    background-color: var(--color-background-cream);
    text-align: center;
    padding: var(--space-3xl) 0 var(--space-5xl);
}

/* Corps blanc (le contenu) */
.legal-body {
    background-color: var(--color-background);
    padding: var(--space-5xl) 0;
}

.legal-subtitle {
    display: block;
    color: var(--color-primary-darker);
    margin-bottom: var(--space-sm);
}

.legal-title {
    color: var(--color-primary-darker);
}

/* Corps : colonne de lecture centrée */
.legal-content {
    max-width: 900px;
    margin: 0 auto;
    color: var(--color-text-muted);
}

.legal-content > *:first-child {
    margin-top: 0;
}

.legal-content h2,
.legal-content h3 {
    font-family: var(--font-display);
    color: var(--color-primary-darker);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-tight);
    margin-top: var(--space-3xl);
    margin-bottom: var(--space-md);
}

.legal-content h2 { font-size: var(--font-size-h3); }
.legal-content h3 { font-size: var(--font-size-2xl); }

.legal-content p,
.legal-content li {
    font-family: var(--font-gotham);
    font-size: var(--font-size-text);
    font-weight: 325; /* Gotham Book (léger), comme le reste du site */
    line-height: var(--line-height-relaxed);
    margin-bottom: var(--space-lg);
}

.legal-content a {
    color: var(--color-primary-darker);
    text-decoration: underline;
}