:root {
    --app-background: #FFCCD4;
    /*--app-background: linear-gradient(135deg, #FFCCD4, #ffe4ea);*/
}

.dark-theme {
    --app-background: #121212;
}



#blazor-error-ui {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0,0,0,0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}


/* =========================
   BASE GLOBAL SAFE
   ========================= */
/**,
*::before,
*::after {
    box-sizing: border-box;
}*/

html {
    height: 100%;
    height: 100dvh;
}

body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background-color: var(--app-background);
    margin: 0;
    height: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    /* Safe Areas */
    /*padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);*/
    /* Protection mobile */
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}


.min-dvh-100 {
    min-height: 100vh; /* fallback */
    min-height: 100dvh; /* correct mobile moderne */
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/Roboto-Regular.ttf') format('truetype');
}

/*@font-face {
    font-family: 'Roboto-Bold';
    src: url('../fonts/Roboto-Bold.ttf') format('truetype');
}*/

@font-face {
    font-family: 'Roboto-Italic';
    src: url('../fonts/Roboto-Italic.ttf') format('truetype');
}

/*@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../fonts/OpenSans-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans-Italic';
    src: url('../fonts/OpenSans-Italic.ttf') format('truetype');
}
*/

@font-face {
    font-family: 'Audiowide-Regular';
    src: url('../fonts/Audiowide-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Caveat-Regular';
    src: url('../fonts/Caveat-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Chewy-Regular';
    src: url('../fonts/Chewy-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'DancingScript-Regular';
    src: url('../fonts/DancingScript-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'IndieFlower-Regular';
    src: url('../fonts/IndieFlower-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'KaushanScript-Regular';
    src: url('../fonts/KaushanScript-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Knewave-Regular';
    src: url('../fonts/Knewave-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Limelight-Regular';
    src: url('../fonts/Limelight-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'MountainsofChristmas-Regular';
    src: url('../fonts/MountainsofChristmas-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Oswald-Regular';
    src: url('../fonts/Oswald-Regular.ttf') format('truetype');
}