/*Define custom here*/
@font-face {
    font-family: 'PlayfairDisplay';
    src: url('../../assets/fonts/PlayfairDisplay.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

/*Variables*/
:root {
    --playfair-regular: 'PlayfairDisplay';

    --font-family-bold-weight: 700;
    --top-bar-links--font-family: var(--playfair-regular);
    --header-information-link-font-family: var(--playfair-regular);

    --accent-color-decimal: 98, 214, 252;
    --text-on-accent-color: #01063F;
    --spinner-default-color: #4285f4;

    /*button*/
    --button-large-radius: 35px;
    --button-hover-shadow: none;
    --button-font-family: Roboto, sans-serif;
    --button-font-weight: 600;
    --btn-flat-bg: transparent;
    --btn-flat-bg-hover: transparent;
    --btn-flat-custom-color: #01063F;
    --btn-flat-custom-bg: var(--accent-color);
    --btn-flat-custom-bg-hover: var(--accent-color);
    --disabled-button-color: #bfbfbf;
    --disabled-button-bg: #f0efee;
    --specific-platform-btn-visibility: none;

    /*Top bar*/
    --top-bar-bg: #003399; /*header top bar background color*/
    --header-information-link-color: #fff;
    --top-bar-link-color: #fff;
    --top-bar-menu-icon-color: #fff;
    --top-bar-links-font-weight: 600;
    --footer-logo-custom-visibility: none;

    /*Footer*/
    --footer-copy-text-background: #dadada;
}

/*Define custom style here*/