:root {
    --color-accent: #ff5722;
    --color-black: #000000;
    --color-blue: #228cbf;
    --color-brand-blue: #2c85d5;
    --color-canvas-text: #2f3343;
    --color-dark-grey: #333333;
    --color-extra-light-blue: #f2f5fa;
    --color-green: #a8d5ba;
    --color-grey: #a0a0a0;
    --color-grey-border: #eceeef;
    --color-light-blue: #f1f7fd;
    --color-light-grey: #f0f0f0;
    --color-medium-grey: #a1a1a1;
    --color-mint-light: #f2f9f6;
    --color-mint-pale: #daede7;
    --color-neutral-gray-400: #7a7a7a;
    --color-neutral-grey: #f3f3f3;
    --color-transparent: transparent;
    --color-white: #fff;
}

.desktop-only {
    display: block;
}

.mobile-only {
    display: none;
}

@media (max-width: 1200px) {
    .desktop-only {
        display: none;
    }

    .mobile-only {
        display: block;
    }
}