@import '/libraries/nimiq-style/nimiq-style.css';
@import './elements/x-safe.css';
@import '/elements/browser-warning/browser-warning.css';

html {
    /* Nimiq color palette */
    --nimiq-blue:       #1F2348; /* rgb(31, 35, 72) */
    --nimiq-light-blue: #0582CA; /* rgb(5, 130, 202) */
    --nimiq-gold:       #E9B213; /* rgb(233, 178, 19) */
    --nimiq-green:      #21BCA5; /* rgb(33, 188, 165) */
    --nimiq-orange:     #FC8702; /* rgb(252, 135, 2) */
    --nimiq-red:        #D94432; /* rgb(216, 65, 51) */
    --nimiq-gray:       #F4F4F5;
    --nimiq-light-gray: #FAFAFA;

    /* Background gradients */
    --nimiq-blue-bg:       radial-gradient(circle at bottom right, #260133, var(--nimiq-blue));
    --nimiq-light-blue-bg: radial-gradient(circle at bottom right, #265DD7, var(--nimiq-light-blue));
    --nimiq-gold-bg:       radial-gradient(circle at bottom right, #EC991C, var(--nimiq-gold));
    --nimiq-green-bg:      radial-gradient(circle at bottom right, #41A38E, var(--nimiq-green));
    --nimiq-orange-bg:     radial-gradient(circle at bottom right, #FD6216, var(--nimiq-orange));
    --nimiq-red-bg:        radial-gradient(circle at bottom right, #CC3047, var(--nimiq-red));
    --nimiq-gray-bg:       radial-gradient(circle at bottom right, #F4F4F4, var(--nimiq-gray));

    font-family: 'Muli', system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

html, body {
    background: var(--nimiq-gray);
}

body {
    color: var(--nimiq-blue);
}

#app {
    width: 100%;
}

iframe {
    display: none;
}