@import "header.css";

:root {
    /* Desktop values (default) */
    --padding: 16px;

    --color-text: #3a2e48;
    --color-text-foreground: #f7f5f2;
    --color-link: #3a2e48;
    --color-link-hover: #f8c300;
    --color-bg-footer: #3a2e48;
    --color-orange: #ff6745;
    --color-grey: #e6e6e6;
    --color-grey-light: #f7f5f2;
    --color-green: #78dc8d;
    --color-lilla: #9baaff;
}

/* Mobile variables override */
@media screen and (max-width: 767px) {
    :root {
        --padding: 16px;
    }
}

html body {
    font-family: "parabolica-text", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    margin: 0 !important;
    width: 100%;
}

img {
    display: block;
    width: 100%;
}

* {
    box-sizing: border-box;
}
*,
*::before,
*::after {
    box-sizing: border-box;
}

a,
a:hover,
a:visited,
a:active {
    text-decoration: none;
    color: var(--color-text);
}

p {
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

.bg-green {
    background-color: var(--color-green);
}
.bg-lilla {
    background-color: var(--color-lilla);
}

.title-font {
    font-family: "zuume", sans-serif;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
}

.otgs-development-site-front-end {
    display: none;
}