/* global.css */
#stcm-wrapper {
    --boxShadow: -5px 5px 10px 0px #00000012, 0px 0px 50px 0px #0000001a;
    --fontFamily: Helvetica Neue, Segoe UI, Arial, sans-serif;
    --primaryColor: #2563EB;
    --backgroundColor: #ffffff;
    --textColor: #253b48;
    --backdropBackgroundColor: #00000033;
    --backdropBackgroundBlur: 0px;
    --iconColor: #64748b;         /* Das dezente Grau */
    --iconBackgroundColor: #f1f5f9; /* Der graue Hintergrund */
}

/* Neues, dezentes Styling für den Umfrage-Button */
.survey-btn-subtle {
    background-color: #64748b; /* Entspricht dem Cookie-Grau */
    color: white;
    box-shadow: 0 8px 20px rgba(100, 116, 139, 0.3);
}

.survey-btn-subtle:hover {
    background-color: #475569; /* Etwas dunkler beim Hover */
    box-shadow: 0 12px 25px rgba(100, 116, 139, 0.4);
}

.survey-btn-subtle i {
    color: #e2e8f0; /* Helles Grau für das Icon */
}

.survey-btn-subtle:hover i {
    color: white;
}