#stcm-wrapper {
    --fontFamily: "Karla", "Avenir Next", "Segoe UI", sans-serif;
    --primaryColor: #b84c43;
    --backgroundColor: #fffdf9;
    --textColor: #2a2a33;
    --boxShadow: 0 18px 40px rgb(42 42 51 / 18%);
    --backdropBackgroundColor: rgb(42 42 51 / 46%);
    --backdropBackgroundBlur: 3px;
    --iconColor: #b84c43;
    --iconBackgroundColor: #fffdf9;
}

#stcm-wrapper .stcm-prompt,
#stcm-wrapper .stcm-modal {
    border-radius: 18px;
}

#stcm-wrapper .stcm-button {
    border-radius: 999px;
    font-weight: 700;
    white-space: nowrap;
}

#stcm-wrapper .stcm-button:focus-visible,
#stcm-wrapper button:focus-visible,
#stcm-wrapper input:focus-visible {
    outline: 3px solid #b84c43;
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    #stcm-wrapper * {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}