@import url('https://fonts.googleapis.com/css2?family=Merriweather&family=Roboto:wght@300;500&family=Silkscreen:wght@400;700&family=Mingzat&display=swap');

:root {
    /* Color Variables */
    --main-bg-color: #EB6FA7;
    --main-title-color: #401c6c;
    --sec-title-color: #fdf4fd;
    --main-txt-color: #401c6c;
    --fade-txt-color: #401c6ccf;
    --sec-txt-color: #401c6c;
    --input-txt-color: #FBFFFE;
    --contrast-txt-color: #FBFFFE;
    --placeholder-txt-color: #FBFFFEb2;
    --placeholder-title-color: #FBFFFEb2;
    --btn-main-color: #FFC857;
    --btn-focus-color: #FFD685;
    --btn-dis-bg-color: #ffd788;
    --btn-dis-txt-color: #bfbfbf;
    --btn-other-bg-color: #42CAFD;
    --btn-other-hover-color: #72D8FE;
    --chk-valid-color: #0ed800;
    --chk-hover-color: #67ff5c;
    --speech-bg-color: rgba(235, 235, 235, 0.65);
    --load-animation-color: #401c6c;
    --scrollbar-main-color: #401c6c;
    --scrollbar-sec-color: #401c6c00;
    --edit-bg-color: rgba(235, 235, 235, 0.65);
    --edit-bg-shadow: rgba(235, 235, 235, 0.65);
    --info-bg-pop-up: rgb(184 231 255 / 90%);
    --info-icon-colour: rgb(0, 51, 182);
    
    /* Font Variables */
    --title-h1-font: 'Merriweather';
    --title-h2-font: 'Roboto';
    --ai-font: 'Silkscreen';
    --main-font: 'Mingzat';

}