:root {
    --primary: #f6b15f;
    --primary-text: #000000;
    --secondary: #3fc7f4;
    --secondary-text: #ffffff;
    --splash-medium: rgb(197,238,252);
    --splash-extra-light: rgb(245,252,254);
    --splash-light: rgb(236,249,254);
    --splash-dark: rgb(25,188,242);
    --splash-extra-dark: rgb(-81,157,236);
    --tone-extra-light: color-mix(in srgb, rgb(245,252,254) 55%, #f4f4f4);
    --tone-light: color-mix(in srgb, rgb(245,252,254) 75%, #eee);
}

html {
    font-family: 'Roboto', sans-serif;
}

h1 {
    font-family: 'Raleway', sans-serif;
    font-size: calc(1.25rem + 1.1vw) !important;
}