/* ──────────────────────────────────────────────────────────────────────────
   Styles généraux (layout, marque, confort de lecture).
   ────────────────────────────────────────────────────────────────────────── */

body {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.navbar-brand span:last-child {
    color: var(--guardia-accent);
    letter-spacing: .2px;
}

/* Anneau de focus accessible et discret */
:focus-visible {
    outline: 2px solid rgba(var(--guardia-accent-rgb), .55);
    outline-offset: 2px;
}

/* Liens de code dans les pages */
code {
    word-break: break-all;
}

/* Conteneur scrollable horizontalement pour les grandes tables sur mobile */
.table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}