@import url('https://fonts.googleapis.com/css2?family=Merriweather&family=Roboto:wght@300;500&family=Ubuntu+Mono&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

:root {
    /* Color Variables */
    --main-bg-color: #fdfffc;
    --main-title-color: #3B413C;
    --sec-title-color: #3B413Ccf;
    --main-txt-color: #3B413C;
    --fade-txt-color: #3B413Ccf;
    --sec-txt-color: #3b413c;
    --input-txt-color: #3b413c;
    --contrast-txt-color: #fdfffc;
    --placeholder-txt-color: #3B413Cb2;
    --btn-main-color: #3b413c2d;
    --btn-focus-color: #3b413c70;
    --btn-dis-bg-color: #3b413c08;
    --btn-dis-txt-color: #bfbfbf;
    --btn-other-bg-color: #3b413c14;
    --btn-other-hover-color: #3b413c70;
    --chk-valid-color: #0ed800;
    --chk-hover-color: #67ff5c;
    --speech-bg-color: rgba(59, 65, 60, 0.081);
    --load-animation-color: #3b413c;
    --scrollbar-main-color: #3B413C;
    --scrollbar-sec-color: #3B413C00;
    --edit-bg-color: rgba(59, 65, 60, 0.081);
    --edit-bg-shadow: rgba(59, 65, 60, 0.081);
    --info-bg-pop-up: rgb(237 239 236 / 93%);
    /* --info-icon-colour: rgb(0, 51, 182); */
    
    /* Font Variables */
    --title-h1-font: 'Merriweather';
    --title-h2-font: 'Roboto';
    --ai-font: 'Open Sans', sans-serif;
    --main-font: 'Open Sans', sans-serif;

}