:root {

    /* SPACING/HEIGHT/WIDTH */
    --spacing: 1rem;
    --common-header-height: calc(60rem/16);
    --home-header-height: calc(95rem / 16);
    --picto-width: calc(34rem/16);
    ---nav-li-width: calc(70rem/16);
    --input-height: calc(50rem/16);
    --aside-width: calc(380rem/16);

    /* GRID */

    /* utilisée par .grid */
    --grid-element-min-width: 10rem;
    
    /* utilisée par .resources-grid */
    --resources-grid-element-min-width: 22rem;

    /* utilisée par le bloc BROWSE PREVIEW */
    --home-resources-grid-element-min-width: 14rem;

    /* COULEURS */
    --black: black;
    --white: white;
    --beige: #f2efe9;
    --bleu: #313844;
    --rouge: #cf5613;
    --orange: #cf5613;

    /* TYPOS */

    --asap-0: .8rem / 1rem "asap"; /* footer contact, nom des metadata */
    --asap-1: 1rem / 1.3rem "asap"; /* body */
    --asap-2: 1.5rem / 1.5rem "asap"; /* picto-title, titre item show */
    --asap-3: 1.2rem / 1.3rem "asap"; /* home header */

    --asap-condensed-0: .9rem / 1.1rem "asap_condensed"; /* item browse pagination, titre .grid d'items */
    --asap-condensed-1: 1rem / 1.2rem "asap_condensed"; /* header nav, item show valeur metadata */
    --asap-condensed-h3: 1.5rem / 1.7rem "asap_condensed"; /* item show, advanced search */
    --asap-condensed-h4: 1.3rem / 1.5rem "asap_condensed"; /* item show, advanced search */
    --asap-condensed-h5: 1.2rem / 1.4rem "asap_condensed"; /* item show, advanced search */

    --poly-txt: calc(1.2rem) / calc(26rem/16) "poly";
    --poly-fig: calc(1.0rem) / calc(20rem/16) "poly";
}