/* Site documentation Peels
   Consomme peels.css (chargé via <link> dans base.webc).
   Ce fichier ne contient que :
   - le thème doc (surcharge couleurs + typo)
   - le layout propre au site doc
   - les libs tierces (Prism)
   ════════════════════════════════════════════════════════ */

@import "libs/_prism-peels.css";

/* ─── Thème doc : surcharge des tokens Peels ─── */
@import './peels/themes/doc/color.css';
@import './peels/themes/doc/type.css';

/* ─── Layout doc ─── */
body {
    min-height: 100dvh;
    width: 100%;
    background: var(--peels-surface-page);
    color: var(--peels-text-body);
    font-family: var(--peels-font-ui);
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: minmax(0, 1fr);

    & > main {
        padding: var(--space-xs-s);
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }

    & > footer {
        border-top: 1px solid var(--peels-border-subtle);
        font-size: var(--peels-text-small);
        color: var(--peels-text-body);
        
        & > * {
            margin-inline: auto;
            text-align: center;
        }
    }
}