/* Color Variables */
:root {
    --livro-cyan: #06AED5;
    --livro-yellow: #F0C808;
    --livro-yellow-dark: #B8940A; /* Better contrast for dark backgrounds */
    --livro-yellow-light: #FFF3A0; /* Better contrast for red backgrounds */
    --livro-red: #DD1C1A;
    --livro-dark: #3E4D51;
    --livro-pearl: #E4F0F3;
    --livro-cerulean: #086788;
    --livro-papaya: #FFF1D0;
}

/* Material Symbols Styling */
.material-symbols-rounded {
    font-variation-settings:
    'FILL' 1,
    'wght' 400,
    'GRAD' 0,
    'opsz' 48;
    font-size: 32px;
}