:root {
    --accentY10: #FFF8E8;
    --accentY60: #FFCD5F;
    --accentY100: #FFB71B;
    --neutralBlack: #000000;
    --neutralWhite: #FFFFFF;
    --neutralB70: #000000B2;
    --neutralN100: #1A1A1A;
    --neutralN10: #F3F3F3;
    --neutralN20: #E6E6E6;
    --neutralN30: #DBDBDB;
    --neutralN40: #B3B3B3;
    --neutralN60: #808080;
    --neutralN80: #4D4D4D;
    --primaryP10: #EDF5E8;
    --primaryP100: #489A19;
    --secondaryBrown: #8A5D3B;
    --secondaryOrange: #FA5E24;
    --secondaryRed: #D33F3F;

    --fontSizeBody: 0.875rem;

    --spacingContainer: 20px;
    --spacingDetaipage: 3.75rem;
}

@media screen and (min-width: 560px) {
   :root {
    --spacingContainer: 3.75rem;
   }
}