:root {
    --cc-bg: #121212;
    --cc-bg-2: #181818;
    --cc-red: #fa6862;
    --cc-text: #f3f4f6;
    --cc-muted: #c9c9c9;
}

html,
body,
#app {
    background: #121212 !important;
}

body.collaborationcafe-signin {
    background: #121212 !important;
}

body.collaborationcafe-signin #app {
    min-height: 100vh !important;
    background: #121212 !important;
    isolation: isolate !important;
}

body.collaborationcafe-signin #app::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(circle at 72% 18%, rgba(250, 104, 98, .18) 0%, transparent 28%),
        linear-gradient(135deg, #121212 0%, #181818 58%, #121212 100%) !important;
}

body.collaborationcafe-signin [style*="background"] {
    background: transparent !important;
}

body.collaborationcafe-signin #app *,
body.collaborationcafe-signin #app *::before,
body.collaborationcafe-signin #app *::after {
    animation: none !important;
    transition-property: color, border-color, background-color, box-shadow, opacity, transform !important;
}

body.collaborationcafe-signin #app > div,
body.collaborationcafe-signin #app > div > div,
body.collaborationcafe-signin main,
body.collaborationcafe-signin section {
    background: transparent !important;
    background-image: none !important;
}

body.collaborationcafe-signin canvas,
body.collaborationcafe-signin video {
    display: none !important;
}

.collaborationcafe-login-title {
    color: #fa6862 !important;
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    -webkit-text-fill-color: #fa6862 !important;
    text-shadow: none !important;
}

.collaborationcafe-contact-footer {
    color: #c9c9c9 !important;
    font-size: .9rem !important;
}

.collaborationcafe-contact-footer a {
    color: #fa6862 !important;
    text-decoration: none !important;
}

.collaborationcafe-contact-footer a:hover {
    text-decoration: underline !important;
}