*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

html, body, #root {
    height: 100%;
    width: 100%;
    background: #f5f7f9;
}

body {
    margin: 0;
    padding: 0;
    line-height: 1.5;
}

#root {
    min-height: 100vh;      /* fallback */
    display: flex;
    flex-direction: column;
}

@supports (min-height: 100dvh) {
    #root {
        min-height: 100dvh; /* dynamic viewport height fro mobile */
    }
}

h1, h2, h3, h4, h5, h6, p, ul, ol, figure {
    margin: 0;
}

img, svg, video, canvas {
    display: block;
    max-width: 100%;
    height: auto;
}

ul, ol {
    list-style: none;
}

/* globāli, piem., index.css vai GlobalStyle */
button:focus:not(:focus-visible),
a:focus:not(:focus-visible),
input:focus:not(:focus-visible) {
    outline: none;
    box-shadow: none;
}