* {
    font-family: 'Merriweather', sans-serif;
}

:root {
    /* Background */
    --bg-header: #dfddd8;
    --bg-paper: #edecea;
    --bg-white: #ffffff;
    --bg-marca: #B2897F;
    --bg-marca-ativo: #B76E79;
    /* --bg-marca: rgb(103, 62, 50); */
    /* --bg-marca-ativo: rgb(81, 48, 38); */

    /* Color */
    --cl-paper: #464847;
    --cl-paper-ativo: #6e6f6e;
    --cl-tranparente: #1e1e1e00;

    /* Outros */
    --muted: #6b6b6b;
    --paper-light: #ffffff;
    --paper-black-translucido: rgba(0, 0, 0, 0.685);
}






:root.dark {
    --bg-header: #1e1e1e;
    --bg-paper: #2a2a2a;
    --bg-white: #121212;
    --bg-marca: #B2897F;
    --bg-marca-ativo: #B76E79;

    --cl-paper: #e0e0e0;
    --cl-paper-ativo: #bdbdbd;

    --muted: #9e9e9e;
    --paper-light: #1a1a1a;
}

.definir-tamanho-aba{
    align-self: center;
    width:  clamp(20rem, 90%, 60rem);
}