:root {
    --elliot-primary: var(--wp--preset--color--primary, #2563eb);
}
.elliot-button {
    background: var(--elliot-primary);
    color: #fff;
    padding: 0.75rem 1.5rem;
    border-radius: 0.375rem;
}
.elliot-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
}
.elliot-modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
}
.elliot-modal-content {
    position: relative;
    max-width: 500px;
    margin: 10% auto;
    background: #fff;
    padding: 2rem;
    border-radius: 0.5rem;
}