:root {
    --font-main: 'Lato',sans-serif;
    --font-hero: 'Fredoka',sans-serif;
    --cta1: #ff9900;
    --cta2: #f47a0b;
    --ink: #ffffff;
    --ink-sub: #e6eefc;
    --ink-dark: #121212;
    --radius: 14px;
    --container: 1200px;
    --shadow: 0 10px 30px rgba(0,0,0,.2);
    --card: #fff;
    --card-shadow: 0 20px 60px rgba(0,0,0,.10);
    --card-glow: 0 40px 100px rgba(0,0,0,.06);
    --header-h: 68px;
}

* {
    box-sizing: border-box;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--font-main);
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--ink);
    background-color: #0f2f8f;
    line-height: 1.5;
    padding-top: var(--header-h); /* för fixed headern */
}