@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');

:root {
    --brand-orange: #ff3604;
    --brand-orange-dark: #d12e03;
    --brand-orange-soft: #fff0ec;
    --brand-text: #222222;
    --brand-muted: #666666;
    --brand-white: #ffffff;
    /* Backward-compat */
    --hoppa-green: var(--brand-orange);
    --hoppa-dark: var(--brand-text);
    --hoppa-light: var(--brand-orange-soft);
}

* {
    font-family: 'Open Sans', sans-serif;
}

body {
    font-family: 'Open Sans', sans-serif;
    color: var(--brand-text);
    background-color: var(--brand-white);
}