:root {
    /* BASE */
    --background: #F3F9FB;
    --blockBackground: #C8D9E1;
    --text: #05070F;
    --blocked: #666769;

    /* ACCENTS */
    --accent1: #B4548B;
    --accent2: #D7D85D;
    --accentGradientBegin: #B4548B;
    --accentGradientMiddle: #ED6315;
    --accentGradientEnd: #E3B718;

    --accente8: #008200;

    --otherOfferAccent1: rgb(206, 144, 14);
    --offerAccent1: rgba(180, 84, 139, 0.4);

    --accentGradient: linear-gradient(to right, var(--accentGradientBegin), var(--accentGradientMiddle), var(--accentGradientEnd));
    --accentGradientReverse: linear-gradient(to left, var(--accentGradientBegin), var(--accentGradientMiddle), var(--accentGradientEnd));

    /* BUTTONS */
    --primaryButton: #70B6E5;
    --secondaryButton: #20232D;

     /* FEEDBACK */   
    --accept: #097300;
    --error: #A82222;

    /* TEXT VARIABLES */
    --textGreen: #00FF38;
    --textYellow: #FFBD14;
    --textViolet: #D14EFF;
    --textGradientBegin: #3514FF;
    --textGradientEnd: #FF6107;

    --textGradient: linear-gradient(to bottom, var(--textGradientBegin), var(--textGradientEnd));

    --opinionsAnimatiosDuration: 300s;

    --defaultBoxShadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

}

@font-face{
    font-family: LEMONMILK;
    src: url("fonts/LEMONMILK.otf");
}

@font-face{
    font-family: Futura;
    src: url("fonts/Futura.otf");
}

@font-face{
    font-family: Quicksand;
    src: url("fonts/Quicksand.ttf");
}