@import url('https://fonts.googleapis.com/css2?family=Merriweather&family=Roboto:wght@300;500&family=Ubuntu+Mono&display=swap');

:root {
    /* Color Variables */
    --main-bg-color: #902923;
    --main-title-color: #D6D5C9;
    --sec-title-color: #FAA916;
    --main-txt-color: #D6D5C9;
    --fade-txt-color: #D6D5C9cf;
    --sec-txt-color: #FAA916;
    --input-txt-color: #F1DEDE;
    --contrast-txt-color: #902923;
    --placeholder-txt-color: #fdfffcb2;
    --placeholder-title-color: #fdfffcb2;
    --btn-main-color: #4E878C;
    --btn-focus-color: #62A1A7;
    --btn-dis-bg-color: #874b4a9e;
    --btn-dis-txt-color: #bfbfbf;
    --btn-other-bg-color: #c75200c7;
    --btn-other-hover-color: #c75200;
    --chk-valid-color: #0ed800; 
    --chk-hover-color: #67ff5c;
    --speech-bg-color: #00241b5c;
    --load-animation-color: #FAA916;
    --scrollbar-main-color: #FAA916;
    --scrollbar-sec-color: #FAA91600;
    --edit-bg-color: rgba(0, 36, 27, 0.361);
    --edit-bg-shadow: rgb(0 36 27 / 2%);
    --info-bg-pop-up: rgba(4, 62, 92, 0.9);
    --info-icon-colour: #D6D5C9;
    
    /* Font Variables */
    --title-h1-font: 'Merriweather';
    --title-h2-font: 'Roboto';
    --ai-font: 'Ubuntu Mono';
    --main-font: 'Roboto';

}